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 简便实现页面元素数据验证功能
Mar 24 Javascript
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
Oct 01 Javascript
理解javascript中的闭包
Jan 11 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 Javascript
JavaScript表单验证实现代码
May 22 Javascript
angular过滤器实现排序功能
Jun 27 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
微信小程序解除10个请求并发限制
Dec 18 Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
小程序采集录音并上传到后台
Nov 22 Javascript
jQuery实时统计输入框字数及限制
Jun 24 jQuery
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脚本的10个技巧(1)
2006/10/09 PHP
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
php+ajax实现无刷新分页
2015/11/18 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
laravel 实现用户登录注销并限制功能
2019/10/24 PHP
AngularJS 指令详细介绍
2016/07/27 Javascript
12条写出高质量JS代码的方法
2018/01/07 Javascript
nodejs 十六进制字符串型数据与btye型数据相互转换
2018/07/30 NodeJs
vue 实现走马灯效果
2019/10/28 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
在实例中重学JavaScript事件循环
2020/12/03 Javascript
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
python 查找文件夹下所有文件 实现代码
2009/07/01 Python
Python的一些用法分享
2012/10/07 Python
使用Django的模版来配合字符串翻译工作
2015/07/27 Python
Python 实现数据库更新脚本的生成方法
2017/07/09 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
python实现中文文本分句的例子
2019/07/15 Python
Python大数据之从网页上爬取数据的方法详解
2019/11/16 Python
解决pycharm debug时界面下方不出现step等按钮及变量值的问题
2020/06/09 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
python requests库的使用
2021/01/06 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
linux面试题参考答案(8)
2015/08/11 面试题
GC是什么?为什么要有GC?
2013/12/08 面试题
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
大学生护理专业自荐信
2013/10/03 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
庆祝国庆节演讲稿2014
2014/09/19 职场文书
运动会通讯稿600字
2015/07/20 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
Python中的程序流程控制语句
2022/02/24 Python