K先生个人博客

当前位置:首页 > 爱技术 > 正文

js实现文字闪烁变色效果

有的时候我们会在一些网站上看到文字闪烁变色的效果,在这里我就分享一下使文字闪烁变色的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/

版权声明:本文为原创文章,版权归 K先生个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!

文章评论
* 必填项
可选
可选
评论列表

    暂时还没有评论哦!