文字或边框等的样式变换

/**
 * 文字或边框等的样式变换
 * @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>


 

 

posted @ 2015-01-27 11:57  xusir  阅读(321)  评论(0编辑  收藏  举报
自成e家