在JQuery中为闪烁效果设置颜色更改动画

在JQuery中为闪烁效果设置颜色更改动画,jquery,css,animation,colors,flicker,Jquery,Css,Animation,Colors,Flicker,我只是花了相当长的时间试图让一些文本闪烁,让它从一种颜色来回切换到另一种颜色。听起来很简单,结果却非常困难。最简单的是: $('#myElement').animate({color:black}, 100); $('#myElement').animate({color:white}, 100); 把这个循环,重复五次,说,我们完成了。嗯,即使安装了Jquery颜色插件,也不起作用(这会停止浏览器报告错误,但不会使代码正常工作..) 这一个有什么作用: $('myElement').

我只是花了相当长的时间试图让一些文本闪烁,让它从一种颜色来回切换到另一种颜色。听起来很简单,结果却非常困难。最简单的是:

$('#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

$('#myElement').stop();