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 相关文章推荐
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
Nov 22 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
js实现一个猜数字游戏
Mar 31 Javascript
微信小程序 判断手机号的实现代码
Apr 19 Javascript
在vue中使用css modules替代scroped的方法
Mar 10 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
详解JavaScript添加给定的标签选项
Sep 17 Javascript
vue实现移动端悬浮窗效果
Dec 01 Javascript
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
浅谈layui里的上传控件问题
Sep 26 Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 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
推荐文章系统(一)
2006/10/09 PHP
php将access数据库转换到mysql数据库的方法
2014/12/24 PHP
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
php mailer类调用远程SMTP服务器发送邮件实现方法
2016/03/04 PHP
PHP与Ajax相结合实现登录验证小Demo
2016/03/16 PHP
jQuery的12招常用技巧分享
2011/08/08 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
jQuery中prevUntil()方法用法实例
2015/01/08 Javascript
Javascript BOM学习小结(六)
2015/11/26 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
详解js中Array的方法及技巧
2018/09/12 Javascript
小程序:授权、登录、session_key、unionId的详解
2019/05/15 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
2020/02/02 Javascript
详解Python2.x中对Unicode编码的使用
2015/04/03 Python
python实现TCP服务器端与客户端的方法详解
2015/04/30 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
django反向解析和正向解析的方式
2018/06/05 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
django 配置阿里云OSS存储media文件的例子
2019/08/20 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
python中rc1什么意思
2020/06/19 Python
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
中西医结合临床医学专业大学生自荐信
2013/09/28 职场文书
服务明星事迹材料
2014/12/29 职场文书
工程催款通知书
2015/04/17 职场文书
会议室使用管理制度
2015/08/06 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server