本节分享的这段js代码，是javascript自动改变文字大小和颜色的效果的例子。
代码如下：
<body bgcolor="#000000">
<div id="text" style="font-size:20px;">改变文字大小和颜色</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>
有兴趣的朋友，保存以上代码为.html格式文件，双击执行看下效果如何？
一个有趣的改变文字大小与字体颜色的功能，就跃然纸上了，呵呵！