javascript自动改变文字大小和颜色的效果的小例子

134 阅读 0 评论 89 点赞

我是靠谱客的博主兴奋故事，最近开发中收集的这篇文章主要介绍javascript自动改变文字大小和颜色的效果的小例子，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

<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();  
    }  
//设置文字颜色      
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>  