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 相关文章推荐
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
JS实现窗口加载时模拟鼠标移动的方法
Jun 03 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
jquery插件格式实例分析
Jun 16 Javascript
JS正则表达式修饰符global(/g)用法分析
Dec 27 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
vue升级之路之vue-router的使用教程
Aug 14 Javascript
原生js+canvas实现贪吃蛇效果
Aug 02 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 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中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
php计算title标题相似比的方法
2015/07/29 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
2019/10/24 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
2015/03/26 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
用户代理字符串userAgent可实现的四个识别
2015/09/20 Javascript
jQuery特殊符号转义的实现
2016/11/30 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
2018/10/26 Javascript
Node.js console控制台简单用法分析
2019/01/04 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
Python编程之属性和方法实例详解
2015/05/19 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
Python反射的用法实例分析
2018/02/11 Python
python 读取文本文件的行数据,文件.splitlines()的方法
2018/07/12 Python
Python subprocess库的使用详解
2018/10/26 Python
python实现微信自动回复及批量添加好友功能
2019/07/03 Python
如何在windows下安装Pycham2020软件(方法步骤详解)
2020/05/03 Python
Python实现aes加密解密多种方法解析
2020/05/15 Python
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
大学四年个人的自我评价
2014/02/26 职场文书
第一批党的群众路线教育实践活动总结报告
2014/07/03 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
领导干部作风建设自查报告
2014/10/23 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
MySQL 使用SQL语句修改表名的实现
2021/04/07 MySQL
JS数组去重详情
2021/11/07 Javascript