码迷,mamicode.com
首页 > 其他好文 > 详细

文字或边框等的样式变换

时间:2015-01-27 12:49:11      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

/**
 * 文字或边框等的样式变换
 * @param ele 容器的对象
 * @param cls 要变化的样式
 * @param times 闪烁时间
 */
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);
};

样例:
shake($("#msg"),"green",6);

<style type="text/css">
.green{color:green;border:1px solid #ff0000}
</style>


 

 

文字或边框等的样式变换

标签:

原文地址:http://www.cnblogs.com/xusir/p/4252477.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!