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选择器的工作原理和优化分析
Jul 25 Javascript
JQuery弹出层示例可自定义
May 19 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
跟我学习javascript的Date对象
Nov 19 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
Jun 09 Javascript
详谈commonjs模块与es6模块的区别
Oct 18 Javascript
Vue的路由动态重定向和导航守卫实例
Mar 17 Javascript
jQuery实现常见的隐藏与展示列表效果示例
Jun 04 jQuery
vue和webpack安装命令详解
Jun 15 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
Mar 21 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 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 静态变量与自定义常量的使用方法
2010/01/26 PHP
PHP编码转换
2012/11/05 PHP
PHP动态页生成静态页的3种常用方法
2014/11/13 PHP
php实现html标签闭合检测与修复方法
2015/07/09 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
jQuery生成asp.net服务器控件的代码
2010/02/04 Javascript
基于jquery的获取mouse坐标插件的实现代码
2010/04/01 Javascript
理解Javascript_12_执行模型浅析
2010/10/18 Javascript
分页栏的web标准实现
2011/11/01 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
js生成的验证码的实现与技术分析
2014/09/17 Javascript
Javascript字符串浏览器兼容问题分析
2014/12/01 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
Javascript实现base64的加密解密方法示例
2017/06/27 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
浅谈Vue3 Composition API如何替换Vue Mixins
2020/04/29 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
Python深入学习之上下文管理器
2014/08/31 Python
python中os操作文件及文件路径实例汇总
2015/01/15 Python
python 显示数组全部元素的方法
2018/04/19 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
美国中小型企业领先的办公家具供应商:Office Designs
2016/11/26 全球购物
如何反序的迭代一个序列?how do I iterate over a sequence in reverse order
2012/02/04 面试题
初中三年学生的学习自我评价
2013/11/13 职场文书
简历中求职的个人自我评价
2013/12/03 职场文书
家长给孩子的评语
2014/01/30 职场文书
加油口号大全
2014/06/13 职场文书
2014年银行柜员工作总结
2014/11/12 职场文书
教师个人师德总结
2015/02/06 职场文书
初中政治教学工作总结
2015/08/13 职场文书
MySQL运行报错:“Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggre”解决方法
2022/06/14 MySQL