.animate() funktioniert nicht.. wo Fehler?

[Agosphere]

Guten Tag,

ich möchte, dass die Listenelemente von #page3 bei hover eine zufällige Farbe bekommen (und beim nächsten hover über das selbe Objekt wieder eine andere usw.) - ich meine, alles richtig geschrieben zu haben, aber es will nicht funktionieren. fernab der variable genRgb: animate will hier gar nichts machen, auch wenn ich zum test andere werte einsetze.

<div id="page3">
  <ul>
    <li> Element 1 </li>
    <li> Element 2 </li>
    <li> Element 3 </li>
    <li> Element 4 </li>
    <li> Element 5 </li>
    <li> Element 6 </li>
  </ul>
</div>

	$('#page3 ul li').hover(function() { 
        var genRgb = 'rgb('
            + (Math.floor(Math.random() * 256)) + ','
            + (Math.floor(Math.random() * 256)) + ','
            + (Math.floor(Math.random() * 256)) + ')';
       $(this).stop().animate({backgroundColor: genRgb}, 500); 
	}, function() {
       $(this).stop().animate({backgroundColor: '#000' }, 500);
    });

Findet Ihr den Fehler?
Vielen lieben Dank! )

 

[Pixelaner]

AW: .animate() funktioniert nicht.. wo Fehler?

Hi,

die Funktion animate unterstützt keine Animation für Hintergrundfarben. Um das Problem zu lösen könntest du auf die jQueryUI zurückgreifen. Da sind entsprechende Funktionen implementiert.

Sollte sich mittlerweile daran etwas geändert haben, lasse ich mich gerne eines Besseren belehren.

MfG
Pixelaner

 

[cebito]

AW: .animate() funktioniert nicht.. wo Fehler?

jQuery unterstützt das nicht von Haus aus. Entweder nutzt du das Color-Plugin, oder du kombinierst mit CSS3... http://jsfiddle.net/YTaMg/

 

[JPS]

AW: .animate() funktioniert nicht.. wo Fehler?

Vielleicht ist auch fade() zu nutzen?

 

[Agosphere]

AW: .animate() funktioniert nicht.. wo Fehler?

@cebito - mit .css() klappt alles! saugut entsprechende transition in die css und der übergang läuft auch.

Vielen Dank euch!