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跨浏览器显示的file上传控件
Oct 24 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
js实现支持手机滑动切换的轮播图片效果实例
Apr 29 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
Jun 25 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
深入学习JavaScript中的bom
May 27 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
各种战术和打法的原创者
2020/03/04 星际争霸
php实现信用卡校验位算法THE LUHN MOD-10示例
2014/05/07 PHP
thinkPHP框架对接支付宝即时到账接口回调操作示例
2016/11/14 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
javascript 闭包疑问
2010/12/30 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
使用Javascript写的2048小游戏
2015/11/25 Javascript
js实现文字超出部分用省略号代替实例代码
2016/09/01 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
2016/12/20 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
2016/12/27 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
vue模块拖拽实现示例代码
2019/03/09 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
JS常见错误(Error)及处理方案详解
2020/07/02 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
javascript实现倒计时关闭广告
2021/02/09 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
在Python中使用第三方模块的教程
2015/04/27 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
对Django中的权限和分组管理实例讲解
2019/08/16 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
python实现简单的五子棋游戏
2020/09/01 Python
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
客服专员岗位职责
2014/02/28 职场文书
年会搞笑主持词
2014/03/27 职场文书
毕业生就业协议书
2014/04/11 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
2015年教师节慰问信
2015/03/23 职场文书
2015年十月一日放假通知
2015/08/18 职场文书