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 相关文章推荐
脚本安需导入(装载)的三种模式的对比
Jun 24 Javascript
javascript延时重复执行函数 lLoopRun.js
Jun 29 Javascript
jquery自定义属性(类型/属性值)
May 21 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
基于JavaScript实现移动端TAB触屏切换效果
Oct 20 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 Javascript
JS实现日期时间动态显示的方法
Dec 07 Javascript
jquery单击事件和双击事件冲突解决方案
Mar 02 Javascript
浅析JavaScript中的array数组类型系统
Jul 18 Javascript
JavaScript“尽快失败”的原则实例详解
Oct 08 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
Jan 12 Javascript
vue实现的仿淘宝购物车功能详解
Jan 27 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的魔术常量__METHOD__简介
2014/07/08 PHP
php使用PDO从数据库表中读取数据的实现方法(必看)
2017/06/02 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
2021/02/27 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
jquery keypress,keyup,onpropertychange键盘事件
2010/06/25 Javascript
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
2010/12/06 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
2011/12/12 Javascript
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
Javascript变量作用域详解
2013/12/06 Javascript
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
js 获取input点选按钮的值的方法
2014/04/14 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
2014/11/26 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
JavaScript更改原始对象valueOf的方法
2015/03/19 Javascript
ECMAScript6块级作用域及新变量声明(let)
2015/06/12 Javascript
AngularJS入门教程之过滤器详解
2016/08/19 Javascript
jQuery实现的背景颜色渐变动画效果示例
2017/03/24 jQuery
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
JavaScript fetch接口案例解析
2018/08/30 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
Python中使用第三方库xlutils来追加写入Excel文件示例
2015/04/05 Python
简单了解Python中的几种函数
2017/11/03 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
pyqt5自定义信号实例解析
2018/01/31 Python
Pandas Shift函数的基础入门学习笔记
2018/11/16 Python
pymysql 开启调试模式的实现
2019/09/24 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
基于pytorch中的Sequential用法说明
2020/06/24 Python
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
汽车检测与维修专业求职信
2013/10/30 职场文书
周年庆典邀请函范文
2014/01/24 职场文书
公司中层管理培训心得体会
2016/01/11 职场文书
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python