html 字母闪烁,如何用jquery实现闪烁文字效果?

7f59013a38dcd1af9702d531dff65c4c.png

使用jquery实现闪烁文字:

闪动提示

*{ margin:0; padding:0;}

.box{color: #000}

.red{color:#d00;}

function shake(element,className,times){

var i = 0,

t = false ,

o = element.attr("class"),

c = "",

times = times||2;

if(t) return;

t = setInterval(function(){

i++;

c = i%2 ? o + ' ' + className : o;

element.attr("class",c);

if(i==2*times){

clearInterval(t);

element.removeClass(className);

}

},200);

};

$(function(){

//domready 就闪动

shake($(".box"),"red",3);

});

打开就闪动

实现方法介绍:

为文字定义两个不同的css样式,然后使用jquery方法替换使用这两个css样式即可实现文字闪烁效果。

更多相关知识请关注前端学习网站