在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();