javascript自动改变文字大小和颜色的效果的小例子
javascript自动改变文字大小和颜色的效果的小例子
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:你好,这是一段改变文字大小和颜色的javascript代码varsize=20;varfalg=1;functioncol...

复制代码 代码如下:

<body bgcolor="#000000">

<div id="text">你好,这是一段改变文字大小和颜色的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教程学习
热门Javascript教程学习
编程开发子分类