javascript自动改变文字大小和颜色的效果的小例子
更新时间：2013年08月02日 10:19:31 作者：
这篇文章介绍了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 css在IE和Firefox中区别分析
我们讨论的主题CSS网页布局，最令大家头疼的问题就是浏览器兼容性，虽然52CSS.com介绍过很多这方向的知识，但依然让很多开发人员晕头转向，今天的这篇文章，将列出css和javascript在IE和Firefox中二十三个不同点，希望对大家的学习有所帮助。2009-02-02
这篇文章主要为大家详细介绍了JavaScript实现登录窗体，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
这篇文章介绍了JS异步的执行顺序，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
js作用域是前端开发必掌握的基础知识。这篇文章主要介绍了javascript中的作用域的相关资料,需要的朋友可以参考下2016-07-07
这篇文章主要为大家详细介绍了如何利用JavaScript实现批量重命名文件,文中的示例代码讲解详细,有需要的小伙伴可以跟随小编一起学习一下2024-12-12
JS小功能(setInterval实现图片效果显示时间)实例代码
这篇文章主要介绍了setInterval实现图片效果显示时间实例代码，有需要的朋友可以参考一下2013-11-11
在本篇文章里小编给大家分享了关于js取小数点后两位四种方法和实例代码，需要的朋友们学习下。2019-01-01
这篇文章主要为大家详细介绍了JavaScript实现打地鼠小游戏的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要为大家详细介绍了js实现页面图片消除效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
JavaScript函数柯里化是一种将接受多个参数的函数转换为一系列接受单个参数的函数的技术。本文将通过简单的示例为大家详细讲讲函数柯里化的相关应用，需要的可以参考一下2023-04-04
最新评论