jquery随机颜色悬停

我正在使用 jquery color生成一些随机颜色.我喜欢这些颜色,当用户将鼠标悬停在任何单选按钮标签上时.

按照this site的例子,我想我可能会尝试：

spectrum();

function spectrum(){

var hue = ('lots of stuff here that generates random hue -- code on example webpage')

$('label').hover(function() {
   $(this).animate( { color: hue },10000) });

spectrum(); 

}

我的悬停选择器不起作用,一切都保持默认颜色.我显然是以某种方式搞砸了这个,但我没有足够的经验来理解出了什么问题.有什么建议？

解决方法

试试这个：

$(document).ready(function() {
    $('label').hover(function() {
        var hue = 'rgb('
            + (Math.floor(Math.random() * 256)) + ','
            + (Math.floor(Math.random() * 256)) + ','
            + (Math.floor(Math.random() * 256)) + ')';
       $(this).stop().animate( { color: hue },500);
    },function() {
       $(this).stop().animate( { color: '#000' },500);
    });
});

另见我的jsfiddle.

===更新===

function startAnimation(o) {
    var hue = 'rgb('
        + (Math.floor(Math.random() * 256)) + ','
        + (Math.floor(Math.random() * 256)) + ','
        + (Math.floor(Math.random() * 256)) + ')';
    $(o.currentTarget).animate( { color: hue },500,function() {
        startAnimation(o);
    });
}

$(document).ready(function() {
    $('label').hover(
        startAnimation,function() {
            $(this).stop().animate( { color: '#000' },500);
        }
    );
});

请参阅我更新的jsfiddle.

原文地址：https://www.jb51.cc/jquery/176851.html