使用jquery实现闪烁文字：
<!DOCTYPE HTML>
<html>
<head>
<title>闪动提示</title>
<style>
*{ margin:0; padding:0;}
.box{color: #000}
.red{color:#d00;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
function shake(element,className,times){
var i = 0,
t = false ,
o = element.attr("class"),
c = "",
times = times||2;
if(t) return;
t = setInterval(function(){
i++;
c = i? o + ' ' + className : o;
element.attr("class",c);
if(i==2*times){
clearInterval(t);
element.removeClass(className);
}
},200);
};
$(function(){
//domready 就闪动
shake($(".box"),"red",3);
});
</script>
</head>
<body>
<div class="box">打开就闪动</div>
</body>
</html>实现方法介绍：
为文字定义两个不同的css样式，然后使用jquery方法替换使用这两个css样式即可实现文字闪烁效果。
更多相关知识请关注前端学习网站
以上就是如何用jquery实现闪烁文字效果？的详细内容，更多请关注易知道|edz.cc其它相关文章！
