zoukankan      html  css  js  c++  java
  • 一个简单的闪动提示

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

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

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

  • 相关阅读:
    java web 资源文件读取
    页面跳转
    验证码的随机图片
    spring 注解
    回文字符串系列问题
    【leetcode】Find All Anagrams in a String
    斐波那契数列
    【leetcode】 First Missing Positive
    Trapping Rain Water
    区间合并问题
  • 原文地址:https://www.cnblogs.com/trance/p/2043438.html
Copyright © 2011-2022 走看看