一个简单的闪动提示

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

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

 

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

 

你可能感兴趣的:(提示)