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 相关文章推荐
javascript读取RSS数据
Jan 20 Javascript
javascript 精粹笔记
May 09 Javascript
使用js画图之正弦曲线
Jan 12 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
js闭包用法实例详解
Dec 13 Javascript
完美实现js焦点轮播效果(一)
Mar 07 Javascript
Javascript创建类和对象详解
May 31 Javascript
基于Angularjs-router动态改变Title值的问题
Aug 30 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 Javascript
javascript实现fetch请求返回的统一拦截
Dec 22 Javascript
用jQuery实现抽奖程序
Apr 12 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 网页过期时间的控制代码
2009/06/29 PHP
php的debug相关函数用法示例
2016/07/11 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
php设计模式之职责链模式定义与用法经典示例
2019/09/19 PHP
jQuery 中DOM 操作详解
2015/01/13 Javascript
JavaScript数据类型检测代码分享
2015/01/26 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
2015/09/11 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
vue cli2.0单页面title修改方法
2018/06/07 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
vue实现瀑布流组件滑动加载更多
2020/03/10 Javascript
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
Django框架中数据的连锁查询和限制返回数据的方法
2015/07/17 Python
详解python3实现的web端json通信协议
2016/12/29 Python
纯python实现机器学习之kNN算法示例
2018/03/01 Python
Python读取YUV文件,并显示的方法
2018/12/04 Python
Python实现朴素贝叶斯的学习与分类过程解析
2019/08/24 Python
Golang GBK转UTF-8的例子
2019/08/26 Python
基于Python爬取51cto博客页面信息过程解析
2020/08/25 Python
python切割图片的示例
2020/11/12 Python
如何用python 操作zookeeper
2020/12/28 Python
高中生学习总结的自我评价范文
2013/10/13 职场文书
高中同学聚会邀请函
2014/01/11 职场文书
党员公开承诺书范文
2014/03/25 职场文书
硕士研究生就业推荐信
2014/05/18 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
学校开学标语
2014/10/06 职场文书
2015年街道办事处团委工作总结
2015/10/14 职场文书