合肥網(wǎng)站建設(shè)
文章閱讀
網(wǎng)建技巧
優(yōu)化技巧
網(wǎng)建問(wèn)題
謹(jǐn)宸新聞
行業(yè)新聞

首頁(yè) > 合肥網(wǎng)站建設(shè) > 正文

JavaScript 一秒更換字體顏色值

發(fā)布時(shí)間:2011/08/20字體:
摘要:JavaScript 一秒更換字體顏色值,js一秒鐘改變字體顏色,用一個(gè)js函數(shù)來(lái)在一秒內(nèi)設(shè)置和變更一個(gè)字體的顏色色值,這在網(wǎng)頁(yè)中增加用戶體驗(yàn)度是非常有幫助的,那么javascript如何每一秒就更改一次顏色呢?
今天休息,閑來(lái)無(wú)事,特意給大家奉獻(xiàn)一個(gè)很精短的javascript一秒鐘改變某個(gè)字體的顏色,具體顏色可以通過(guò)js參數(shù)設(shè)置,調(diào)用方便,使用簡(jiǎn)單,還是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,要增加顏色,請(qǐng)直接在數(shù)組后面增加
    /*只需更改上方2個(gè)參數(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é)束
說(shuō)明:您可以整體復(fù)制上面的js代碼,復(fù)制并保存為html文件就可以體驗(yàn)js一秒鐘改變字體顏色的功能了,當(dāng)然你也可以通過(guò)在javascript里設(shè)置改變顏色的具體色值,在函數(shù)里都有介紹,希望對(duì)您有所幫助。
本文標(biāo)題:JavaScript 一秒更換字體顏色值
本文網(wǎng)址:http://www.fn9c.com/wangjianjiqiao/361.html
原創(chuàng)網(wǎng)址:合肥網(wǎng)絡(luò)公司<謹(jǐn)宸科技> 版權(quán)所有,轉(zhuǎn)載請(qǐng)注明出處,并以鏈接形式鏈接網(wǎng)址:www.fn9c.com
文章標(biāo)簽:javascript顏色改變js
 上一篇:謹(jǐn)宸科技晨會(huì)流程
 下一篇:火狐6正式版發(fā)布