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 相关文章推荐
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 Javascript
jquery下jstree简单应用 - v1.0
Apr 14 Javascript
angular简介和其特点介绍
Jan 29 Javascript
jQuery团购倒计时特效实现方法
May 07 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
vue组件tabbar使用方法详解
Nov 06 Javascript
js实现GIF图片的分解和合成
Oct 24 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 05 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/08/12 PHP
php 来访国内外IP判断代码并实现页面跳转
2009/12/18 PHP
php导出excel格式数据问题
2014/03/11 PHP
JS与C#编码解码
2013/12/03 Javascript
js日期联动示例
2014/05/02 Javascript
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
2016/08/23 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
vue-router实现webApp切换页面动画效果代码
2017/05/25 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
jQuery ajax调用webservice注意事项
2017/10/08 jQuery
Vue快速实现通用表单验证功能
2019/12/05 Javascript
使用nodeJS中的fs模块对文件及目录进行读写,删除,追加,等操作详解
2020/02/06 NodeJs
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
Django项目中用JS实现加载子页面并传值的方法
2018/05/28 Python
python统计字母、空格、数字等字符个数的实例
2018/06/29 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
Django ValuesQuerySet转json方式
2020/03/16 Python
使用OpenCV获取图片连通域数量,并用不同颜色标记函
2020/06/04 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
animation和transition的区别
2020/10/12 HTML / CSS
浅谈HTML5新增和废弃的标签
2019/04/28 HTML / CSS
美国一家专业的太阳镜网上零售商:Solstice太阳镜
2016/07/25 全球购物
法学专业个人求职信
2013/09/26 职场文书
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
文艺演出策划方案
2014/06/07 职场文书
单位作风建设自查报告
2014/10/23 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
幼儿园毕业典礼园长致辞
2015/07/29 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
详解MindSpore自定义模型损失函数
2021/06/30 Python