/** * 文字或邊框等的樣式變換 * @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>