我正在使用
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.
