欢迎来到奇迪科技(深圳)有限公司，超值服务提供卓越产品！
js特效,动态变换字体颜色_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)
js特效,动态变换字体颜色_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>js特效,动态变换字体颜色</title>
<meta name="Keywords" content="做网站,网站开发,常用特效,js特效,动态变换字体颜色">
<meta name="Description" content="通过JS特效，实现动态变换每一个字体的颜色，每次刷新，文字的颜色都不一样">
</head>
<script type="text/javascript">
<!--
//动态改变文字的颜色
window.onload = function(){
var text = document.getElementById('text');
var html = text.innerText.replace(/(S)/g,function(key){
var r = parseInt(Math.random() * 255);
var g= parseInt(Math.random() * 255);
var b = parseInt(Math.random() * 255);
var color = 'rgb('+r+','+g+','+b+')';
return '<font color="'+color+'">' + key + '</font>';
});
text.innerHTML = html;
}
//-->
</script>
<body>
<b id="text">
有没有办法让Text文本内容动态的变换颜色呢？例如：每一次刷新、重新打开页面，文本的每个文字的颜色都会发生变化。<br>
要实现这个特效，很简单的一段JS代码，就能够实现。</b>
</body>
</html>使用方法:
将以上的整段代码保存在新建的html文档中，打开文档即可查看效果。每次刷新，字体的颜色都会变化哦。
本文版权所有，转载须注明：来源 https://www.qvdv.net/qvdv-oop-475.html