js 实现文字闪烁代码
使用javascript实现文字闪烁效果，实例代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>闪动提示</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<style type="text/css">
*{ margin:0; padding:0;}
.box{color: #000}
.red{color:#d00;}
</style>
<script type="text/javascript">
function shake(element,className,times){
var i = 0,
t = false ,
o = element.attr("class"),
c = "",
timestimes = times||2;
if(t) return;
t = setInterval(function(){
i++;
c = i%2 ? o + ' ' + className : o;
element.attr("class",c);
if(i==2*times){
clearInterval(t);
element.removeClass(className);
}
},200);
};
$(function(){
//调用闪烁函数,参数1：目标对象，参数2：使用的class名称，参数3：文字闪烁几次
shake($(".box"),"red",10);
});
</script>
</head>
<body>
<div class="box">文字内容一闪一闪</div>
</body>
</html>
来源：//作者：/更新时间：2014-06-05
顶
踩
相关文章：
