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 相关文章推荐
IE7提供XMLHttpRequest对象为兼容
Mar 08 Javascript
js中的window.open返回object的错误的解决方法
Aug 15 Javascript
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
深入解析JavaScript中函数的Currying柯里化
Mar 19 Javascript
jQuery简单实现中间浮窗效果
Sep 04 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
Nov 02 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 Javascript
VUE+node(express)实现前后端分离
Oct 13 Javascript
深入浅析React中diff算法
May 19 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之Memcache学习笔记
2013/06/17 PHP
php的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
CI(CodeIgniter)框架视图中加载视图的方法
2017/03/24 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
简略说明Javascript中的= =(等于)与= = =(全等于)区别
2013/04/16 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
获取当前点击按钮的id用this.id实现
2014/03/17 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
jquery实现从数组移除指定的值
2015/06/24 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
js数组去重的hash方法
2016/12/22 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
2019/02/28 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
d3.js实现图形拖拽
2019/12/19 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
[41:05]Serenity vs Pain 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python cookbook(数据结构与算法)筛选及提取序列中元素的方法
2018/03/19 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
python中正则表达式 re.findall 用法
2018/10/23 Python
Python3 合并二叉树的实现
2019/09/30 Python
python实现名片管理器的示例代码
2019/12/17 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
信用卡结清证明怎么写
2014/09/13 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
服务员岗位职责
2015/02/03 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
矛盾论读书笔记
2015/06/29 职场文书
导游词书写之黄山
2019/08/06 职场文书
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python