分享学习记录
互联网技术知识

使用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>
赞(0)
文章名称:《使用js代码轻松实现文字闪烁变色效果的方法》
文章链接:https://www.bailuze.com/6495.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到