javascript自动改变文字大小和颜色的效果的小例子


Posted in Javascript onAugust 02, 2013
<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 相关文章推荐
jQuery 学习 几种常用方法
Jun 11 Javascript
Javascript var变量隐式声明方法
Oct 19 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
Javascript获取HTML静态页面参数传递值示例
Aug 18 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
微信小程序实现animation动画
Jan 26 Javascript
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
vue下拉菜单组件(含搜索)的实现代码
Nov 25 Javascript
小程序自定义轮播图圆点组件
Jun 25 Javascript
JS解决ie6下png透明的方法实例
Aug 02 #Javascript
用innerhtml提高页面打开速度的方法
Aug 02 #Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 #Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 #Javascript
Js控制弹窗实现在任意分辨率下居中显示
Aug 01 #Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 #Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 #Javascript
You might like
php实现mysql数据库备份类
2008/03/20 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
简单的方法让你的后台登录更加安全(php中加session验证)
2012/08/22 PHP
php-app开发接口加密详解
2018/04/18 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
Thinkphp5框架实现获取数据库数据到视图的方法
2019/08/14 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
jQuery解决iframe高度自适应代码
2009/12/20 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
jQuery插件制作的实例教程
2016/05/16 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
2016/12/14 Javascript
基于JavaScript实现选项卡效果
2017/07/21 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
python编写分类决策树的代码
2017/12/21 Python
Python pandas常用函数详解
2018/02/07 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
大门门卫岗位职责
2013/11/30 职场文书
办公室年度工作总结2015
2015/05/21 职场文书
二审答辩状范文
2015/05/22 职场文书
务工证明怎么写
2015/06/18 职场文书
MYSQL主从数据库同步备份配置的方法
2021/05/26 MySQL
python 算法题——快乐数的多种解法
2021/05/27 Python
MySQL如何解决幻读问题
2021/08/07 MySQL