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 学习笔记 选择器之三
Jul 23 Javascript
动感效果的TAB选项卡jquery 插件
Jul 09 Javascript
JS数组(Array)处理函数整理
Dec 07 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
AngularJS入门教程之控制器详解
Jul 27 Javascript
利用bootstrapValidator验证UEditor
Sep 14 Javascript
Angular ng-repeat指令实例以及扩展部分
Dec 26 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
webpack本地开发环境无法用IP访问的解决方法
Mar 20 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
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的FTP学习(三)
2006/10/09 PHP
PHP个人网站架设连环讲(一)
2006/10/09 PHP
php 禁止页面缓存输出
2009/01/07 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
php实现上传图片文件代码
2015/07/19 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
JavaScript 闭包在封装函数时的简单分析
2009/11/28 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
JavaScript中property和attribute的区别详细介绍
2015/03/03 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
2015/05/12 Javascript
AngularJS中$interval的用法详解
2016/02/02 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
js的三种继承方式详解
2017/01/21 Javascript
微信小程序 获取二维码实例详解
2017/06/23 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
vue项目中使用scss的方法步骤
2019/05/16 Javascript
vue使用openlayers实现移动点动画
2020/09/24 Javascript
python利用beautifulSoup实现爬虫
2014/09/29 Python
Python2实现的LED大数字显示效果示例
2017/09/04 Python
利用python操作SQLite数据库及文件操作详解
2017/09/22 Python
pandas DataFrame实现几列数据合并成为新的一列方法
2018/06/08 Python
推荐10款最受Python开发者欢迎的Python IDE
2018/09/16 Python
通过python爬虫赚钱的方法
2019/01/29 Python
Python查找最长不包含重复字符的子字符串算法示例
2019/02/13 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
python中的函数递归和迭代原理解析
2019/11/14 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
Agoda中文官网:安可达(低价预订全球酒店)
2021/01/18 全球购物
查询优化的一般准则有哪些
2015/03/08 面试题
档案接收函范文
2014/01/10 职场文书
仓库文员岗位职责
2014/04/06 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
实习工作表现评语
2014/12/31 职场文书