手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript自动改变文字大小和颜色的效果的小例子
javascript自动改变文字大小和颜色的效果的小例子
摘要:复制代码代码如下:你好,这是一段改变文字大小和颜色的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常用的方法分享

javascript动态创建表格及添加数据实例详解

JavaScript实现点击文字切换登录窗口的方法

Javascript实现飞动广告效果的方法

javascript动态设置样式style实例分析

JavaScript实现自动变换表格边框颜色

javascript改变和控制显示的图片大小

javascript嵌套函数和在函数内调用外部函数的区别分析

Javascript节点关系实例分析

javascript实现模拟时钟的方法

精品推荐
分类导航