歡迎來(lái)到奇迪科技(深圳)有限公司，超值服務(wù)提供卓越產(chǎn)品！
js特效,動(dòng)態(tài)變換字體顏色_網(wǎng)絡(luò )編程_奇迪科技(深圳)有限公司(m.cheanjie.com)
js特效,動(dòng)態(tài)變換字體顏色_網(wǎng)絡(luò )編程_奇迪科技(深圳)有限公司(m.cheanjie.com)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>js特效,動(dòng)態(tài)變換字體顏色</title>
<meta name="Keywords" content="做網(wǎng)站,網(wǎng)站開(kāi)發(fā),常用特效,js特效,動(dòng)態(tài)變換字體顏色">
<meta name="Description" content="通過(guò)JS特效，實(shí)現動(dòng)態(tài)變換每一個(gè)字體的顏色，每次刷新，文字的顏色都不一樣">
</head>
<script type="text/javascript">
<!--
//動(dòng)態(tài)改變文字的顏色
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">
有沒(méi)有辦法讓Text文本內容動(dòng)態(tài)的變換顏色呢？例如：每一次刷新、重新打開(kāi)頁(yè)面，文本的每個(gè)文字的顏色都會(huì )發(fā)生變化。<br>
要實(shí)現這個(gè)特效，很簡(jiǎn)單的一段JS代碼，就能夠實(shí)現。</b>
</body>
</html>使用方法:
將以上的整段代碼保存在新建的html文檔中，打開(kāi)文檔即可查看效果。每次刷新，字體的顏色都會(huì )變化哦。
本文版權所有，轉載須注明：來(lái)源 http://m.cheanjie.com/qvdv-oop-475.html