使用 jquery 在两种颜色/类之间连续切换文本的最简单方法是什么?
最佳答案
一个简单的例子:
CSS
div { color: red; }
div.blinking { color: blue; }
jQuery(在 DOMready
事件中)
var el = $('div');
setInterval(function() {
el.toggleClass('blinking');
}, 1000);
fiddle 示例:http://jsfiddle.net/gLEuP/
<小时/>否则,您可以在现代浏览器上完全避免使用 JS,而仅使用 CSS3 动画,例如
@keyframes blink {
0% { color : red; }
49% { color : red; }
50% { color : blue }
100% { color: blue; }
}
div {
animation: blink 2s linear infinite;
}
示例代码笔(带有供应商前缀):http://codepen.io/anon/pen/NPJBbe
注意,避免设置太小的延迟,它可能会伤害受photosensitive epilepsy影响的人(并且对其他人来说很烦)
关于jquery - 用jquery让文字变色(不停闪烁),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10836766/