deadhead
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.
Findet Ihr den Fehler?
Vielen lieben Dank! )
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.
HTML:
<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>
Code:
$('#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! )