使用javascript实现文字闪烁效果,实例代码如下:
闪动提示*{ 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 = "",
timestimes = 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(){
//调用闪烁函数,参数1:目标对象,参数2:使用的class名称,参数3:文字闪烁几次
shake($(".box"),"red",10);
});
文字内容一闪一闪