首页 > 其他 > 详细

文字或边框等的样式变换

时间:2015-01-27 12:46:31      阅读:250      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!