快捷導(dǎo)航

javascript自動(dòng)改變文字大小和顏色的效果的小例子

更新時(shí)間：2013年08月02日 10:19:31 作者：

這篇文章介紹了javascript自動(dòng)改變文字大小和顏色的效果的小例子，有需要的朋友可以參考一下

<body  bgcolor="#000000">  
<div id="text"  style="font-size:20px;">你好，這是一段改變文字大小和顏色的javascript代碼</div>  
<script type="text/javascript">  
var size = 20;  
var falg = 1;  
function colortext()  
{  
    //獲取文字的大小  
    document.getElementById("text").style.color = getcolor();  
    document.getElementById("text").style.fontSize = getSize();  
    }  
//設(shè)置文字顏色      
function getcolor()  
{  
    var mycolor = "#";  
    var color ="123456789abcdef";  
    var colorcode = color.split("");  
    for(var i=0;i<6;i++)  
    {  
        mycolor+=colorcode[Math.floor(15*Math.random())];         
    }  
    return mycolor;  
}  
//返回字體大小  
function getSize()  
{  
    if(falg == 1)  
    {  
        size = size+1;  
        if(size == 60)  
            falg = 0;  
        return size;  
    }  
    if(falg == 0)  
    {  
        size = size-1;  
        if(size == 20)  
            falg = 1;  
        return size;  
    }  
}  
setInterval("colortext()",200);  
</script>  
</body>  

您可能感興趣的文章:

相關(guān)文章

javascript css在IE和Firefox中區(qū)別分析
我們討論的主題CSS網(wǎng)頁布局，最令大家頭疼的問題就是瀏覽器兼容性，雖然52CSS.com介紹過很多這方向的知識(shí)，但依然讓很多開發(fā)人員暈頭轉(zhuǎn)向，今天的這篇文章，將列出css和javascript在IE和Firefox中二十三個(gè)不同點(diǎn)，希望對大家的學(xué)習(xí)有所幫助。
2009-02-02
JavaScript實(shí)現(xiàn)登錄窗體
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)登錄窗體，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
JS異步的執(zhí)行順序分析
這篇文章介紹了JS異步的執(zhí)行順序，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
深入淺析javascript中的作用域(推薦)
js作用域是前端開發(fā)必掌握的基礎(chǔ)知識(shí)。這篇文章主要介紹了javascript中的作用域的相關(guān)資料,需要的朋友可以參考下
2016-07-07
JavaScript實(shí)現(xiàn)批量重命名文件
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)批量重命名文件,文中的示例代碼講解詳細(xì),有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-12-12
JS小功能(setInterval實(shí)現(xiàn)圖片效果顯示時(shí)間)實(shí)例代碼
這篇文章主要介紹了setInterval實(shí)現(xiàn)圖片效果顯示時(shí)間實(shí)例代碼，有需要的朋友可以參考一下
2013-11-11
js取小數(shù)點(diǎn)后兩位四種方法
在本篇文章里小編給大家分享了關(guān)于js取小數(shù)點(diǎn)后兩位四種方法和實(shí)例代碼，需要的朋友們學(xué)習(xí)下。
2019-01-01
JavaScript實(shí)現(xiàn)打地鼠小游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)打地鼠小游戲的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
js實(shí)現(xiàn)頁面圖片消除效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)頁面圖片消除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
深入了解JavaScript中的函數(shù)柯里化
JavaScript函數(shù)柯里化是一種將接受多個(gè)參數(shù)的函數(shù)轉(zhuǎn)換為一系列接受單個(gè)參數(shù)的函數(shù)的技術(shù)。本文將通過簡單的示例為大家詳細(xì)講講函數(shù)柯里化的相關(guān)應(yīng)用，需要的可以參考一下
2023-04-04