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不能跳转到上一页面的问题解决方法
Mar 01 Javascript
JavaScript四种调用模式和this示例介绍
Jan 02 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
Jan 12 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
js编写简单的聊天室功能
Aug 17 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
Jan 25 Javascript
Node.js使用cookie保持登录的方法
May 11 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
angular-tree-component的使用详解
Jul 30 Javascript
vue中监听路由参数的变化及方法
Dec 06 Javascript
vue使用nprogress实现进度条
Dec 09 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留言本实例代码
2010/05/09 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
php+mysqli实现批量执行插入、更新及删除数据的方法
2015/01/29 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
php表单提交实例讲解
2015/11/12 PHP
PHP引用的调用方法分析
2016/04/25 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
JavaScript URL参数读取改进版
2009/01/16 Javascript
js验证IP及子网掩码的合法性有效性示例
2014/04/30 Javascript
jquery获取当前元素索引值用法实例
2015/06/10 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
vue中实现滚动加载更多的示例
2017/11/08 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
基于Vue2x的图片预览插件的示例代码
2018/05/14 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
2019/07/19 Javascript
JS深入学习之数组对象排序操作示例
2020/05/01 Javascript
wxPython定时器wx.Timer简单应用实例
2015/06/03 Python
python实现备份目录的方法
2015/08/03 Python
Python实现的三层BP神经网络算法示例
2018/02/07 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
Python约瑟夫生者死者小游戏实例讲解
2021/01/04 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
prAna官网:瑜伽、旅行和冒险服装
2019/03/10 全球购物
外语专业毕业生个人的自荐信
2013/11/19 职场文书
《诺贝尔》教学反思
2014/02/17 职场文书
爬山的活动方案
2014/08/16 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
学生自我评语
2015/01/04 职场文书
学校禁毒宣传活动总结
2015/05/08 职场文书
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers