186-0984-0880
今天休息，閑來無事，特意給大家奉獻(xiàn)一個很精短的javascript一秒鐘改變某個字體的顏色，具體顏色可以通過js參數(shù)設(shè)置，調(diào)用方便，使用簡單，還是js強(qiáng)大啊。
以下是javascript代碼開始：
------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript 一秒更換字體顏色值</title>
<style type="text/css">
* {padding:0px;margin:0px;font-size:14px;font-family:微軟雅黑;}
#boxall {width:90%;height:28px;line-height:28px;border:1px solid #ccc;background:#efefef;text-align:center;margin:0px auto;margin-top:50px;}
</style>
<script type="text/ecmascript" defer="defer">
var ColorText="加拿大，溫哥華";
var ColorArray=new Array("blue","red");//支持顏色進(jìn)制，如：#999999，要增加顏色，請直接在數(shù)組后面增加
/*只需更改上方2個參數(shù)即可*/
var defaultShowObj;
var Colorforn=0;
function ShowDiffColor(){
document.getElementById(defaultShowObj).innerHTML="<span style='color:"+ColorArray[Colorforn]+"'>"+ColorText+"</span>";
Colorforn++;
if(Colorforn>=ColorArray.length) Colorforn=0;
var ColorTimer=setTimeout("ShowDiffColor()",1000);
}
</script>
</head>
<body>
<div id="boxall"><script type="text/ecmascript" defer="defer">defaultShowObj='boxall';/*傳遞顯示框的id名稱即可*/ShowDiffColor();</script></div>
</body>
</html>
------------------------------------------------------------------------------------------------------------------------
以上是js代碼結(jié)束
說明：您可以整體復(fù)制上面的js代碼，復(fù)制并保存為html文件就可以體驗(yàn)js一秒鐘改變字體顏色的功能了，當(dāng)然你也可以通過在javascript里設(shè)置改變顏色的具體色值，在函數(shù)里都有介紹，希望對您有所幫助。
掃一掃
關(guān)注新圖聞科技
全國咨詢熱線
186-0984-0880
