js实现文字闪烁变色效果
K先生
爱技术3118
有的时候我们会在一些网站上看到文字闪烁变色的效果,在这里我就分享一下使文字闪烁变色的js代码。用很少的代码就可以实现这样的效果了。下面是js实现文字闪烁变色效果的代码:
<!DOCTYPE html>
<html>
<head>
<title>文字闪烁效果</title>
<style type="text/css">
.changecolor0{color:#f00;}
.changecolor1{color:#0f0;}
.changecolor2{color:#00f;}
.changecolor3{color:#f0f;}
.changecolor4{color:#0ff;}
.changecolor5{color:#000;}
</style>
</head>
<body>
<span id="remaincolor">文字闪烁效果戴上金箍去爱你的博客</span>
<script type="text/javascript">
var i=0;
function blink(){
document.getElementById("remaincolor").className="changecolor"+i%6;
i++;
}
setInterval(blink, 500);
</script>
</body>
</html>
没有什么比直接上代码更让人舒服的,轻轻松松复制。
作者:K先生本文地址:http://www.gold404.cn/info/11
版权声明:本文为原创文章,版权归 K先生个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!
上一篇: js(jQuery)控制html元素隐藏
下一篇: 404页面萌酷纸飞机紫色星空背景
文章评论
评论列表