一个简单的闪动提示

好久不写日志了,真是对不起我的博客啊,太复杂的东西不好表述,简单的又没啥意思,今天整理了一个挺好玩的小效果

是前几天在写注册流程中用到的,发给大家看看

 

闪动提示,可以用于错误提示或其他吸引用户注意力的场合 
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);

            }; 

 

 DEMO:http://qsl.cn/ztm/kikx/blink.html

 

posted on 2011-05-11 17:25  trance  阅读(264)  评论(0编辑  收藏  举报

导航