文字或邊框等的樣式變換

/**
 * 文字或邊框等的樣式變換
 * @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>
相關文章
相關標籤/搜索