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>
您可能感兴趣的文章:
相关文章
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。小编之前一直糊里糊涂的，没有能够弄明白JavaScript的闭包到底是什么，有什么用，本文把自己的理解些出来分享一下，希望不理解JavaScript闭包的朋友们看了之后能够理解闭包！2016-01-01
微信小程序非常火爆，今天澳门金沙网上娱乐小编给大家带来的微信小程序自定义tab实现多层tab嵌套功能以及项目中遇到的问题及解决方法，感兴趣的朋友一起看看吧2018-06-06
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
分别针对ie和火狐分别作了对xml文档和xml字符串的解析,考虑到了浏览器的兼容性,至于在ajax环境下解析xml，其实原理是一样的，只不过放在了ajax里，还是要对返回的xml进行解析,感兴趣的朋友可以了解下，或许对你学习js解析xml有所帮助2013-02-02
这篇文章主要为大家详细介绍了js利用clipboardData实现截屏粘贴功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
本篇文章主要介绍了Parcel 打包示例(React HelloWorld)，详细的介绍了Parcel打包的特点和使用示例，有兴趣的可以了解一下2018-01-01
本文主要介绍了canvas实现时钟效果的代码。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
prettify是Google提供的一款源代码语法高亮着色器，它提供一种简单的形式来着色HTML页面上的程序代码，最值得亮点的地方是不需要指明代码的语言类型，它会自动进行判断。2010-12-12
这篇文章主要介绍了使用apifm-wxapi快速开发小程序过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要给大家详细介绍了javascript中if和switch，==和===的区别和联系，十分的细致实用，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要介绍了js获取json元素数量的方法,可实现对json元素数量的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
最新评论