萬盛學電腦網 >> 腳本專題 >> javascript >> javascript自動改變文字大小和顏色的效果
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>
javascript排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved