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中闭包(Closure)详解

    javascript中闭包(Closure)详解

    闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。小编之前一直糊里糊涂的,没有能够弄明白JavaScript的闭包到底是什么,有什么用,本文把自己的理解些出来分享一下,希望不理解JavaScript闭包的朋友们看了之后能够理解闭包!
    2016-01-01
  • 微信小程序自定义tab实现多层tab嵌套功能

    微信小程序自定义tab实现多层tab嵌套功能

    微信小程序非常火爆,今天澳门金沙网上娱乐小编给大家带来的微信小程序自定义tab实现多层tab嵌套功能以及项目中遇到的问题及解决方法,感兴趣的朋友一起看看吧
    2018-06-06
  • js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)

    js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)

    分别针对ie和火狐分别作了对xml文档和xml字符串的解析,考虑到了浏览器的兼容性,至于在ajax环境下解析xml,其实原理是一样的,只不过放在了ajax里,还是要对返回的xml进行解析,感兴趣的朋友可以了解下,或许对你学习js解析xml有所帮助
    2013-02-02
  • js利用clipboardData实现截屏粘贴功能

    js利用clipboardData实现截屏粘贴功能

    这篇文章主要为大家详细介绍了js利用clipboardData实现截屏粘贴功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Parcel 打包示例(React HelloWorld)

    Parcel 打包示例(React HelloWorld)

    本篇文章主要介绍了Parcel 打包示例(React HelloWorld),详细的介绍了Parcel打包的特点和使用示例,有兴趣的可以了解一下
    2018-01-01
  • canvas时钟效果

    canvas时钟效果

    本文主要介绍了canvas实现时钟效果的代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • prettify 代码高亮着色器google出品

    prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,最值得亮点的地方是不需要指明代码的语言类型,它会自动进行判断。
    2010-12-12
  • 使用apifm-wxapi快速开发小程序过程详解

    使用apifm-wxapi快速开发小程序过程详解

    这篇文章主要介绍了使用apifm-wxapi快速开发小程序过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • javascript中if和switch,==和===详解

    javascript中if和switch,==和===详解

    这篇文章主要给大家详细介绍了javascript中if和switch,==和===的区别和联系,十分的细致实用,有需要的小伙伴可以参考下。
    2015-07-07
  • js获取json元素数量的方法

    js获取json元素数量的方法

    这篇文章主要介绍了js获取json元素数量的方法,可实现对json元素数量的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01

最新评论