一个简单的闪动提示
好久不写日志了,真是对不起我的博客啊,太复杂的东西不好表述,简单的又没啥意思,今天整理了一个挺好玩的小效果
是前几天在写注册流程中用到的,发给大家看看
闪动提示,可以用于错误提示或其他吸引用户注意力的场合
shake(ele,cls,times)
ele : jQuery Object [object] 要闪动的元素
cls : Class Name [string] 闪动的类
times : Number [Number] 闪动几次
function shake(ele,cls,times){
var i = 0,t= false ,o =ele.attr("class")+" ",c ="",times=times||2;
if(t) return;
t= setInterval(function(){
i++;
c = i%2 ? o+cls : o;
ele.attr("class",c);
if(i==2*times){
clearInterval(t);
ele.removeClass(cls);
}
},200);
var i = 0,t= false ,o =ele.attr("class")+" ",c ="",times=times||2;
if(t) return;
t= setInterval(function(){
i++;
c = i%2 ? o+cls : o;
ele.attr("class",c);
if(i==2*times){
clearInterval(t);
ele.removeClass(cls);
}
},200);
};
DEMO:http://qsl.cn/ztm/kikx/blink.html