我只是花了相当多的时间试图让一些文本闪烁,通过让它从一种颜色来回改变到另一种颜色。听起来很简单,结果却非常困难。简单的事情就像这样:
$('#myElement').animate({color:black}, 100);
$('#myElement').animate({color:white}, 100);
将其放入一个循环中,重复五次,我们就完成了。好吧,即使安装了 Jquery 颜色插件,也不起作用(这确实会阻止浏览器报告错误,但不会使代码工作......)。
这个有效:
$('myElement').animate({top:0}, 100, function(){$('myElement').css('color','#000000');});
$('myElement').animate({top:0}, 100, function(){$('myElement'.css('color','#ffffff');});
也就是说:在 animate 函数中根本不做任何事情,除了将其用作计时器,然后更改元素上的 css 颜色值。就是这样。工作正常。
顺便说一句:如果您这样做并想在颜色闪烁时阻止其他事情发生,您将必须放置某种计时器或标志 - 请记住,浏览器将执行多任务并继续执行并行,同时颜色闪烁。因此,如果您想在该菜单选项闪烁时禁止用户选择另一个菜单选项,则必须通过禁用其他选项直到该动画完成来实现此目的。
最佳答案
链接你的动画
$('#myElement').animate({color:black}, 100).animate({color:white}, 100);
如果你想停止运行动画,请使用 jQuery .stop()
$('#myElement').stop();
关于jquery - JQuery 中闪烁效果的动画颜色变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4958770/