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中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
AngularJS教程之环境设置
Aug 16 Javascript
Node.js学习入门
Jan 03 Javascript
原生JS和jQuery操作DOM对比总结
Jan 19 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
Sep 13 Javascript
JavaScript常用工具函数大全
May 06 Javascript
vue实现购物车案例
May 30 Javascript
js删除指定位置超链接中含有百度与360的标题
Jan 06 Javascript
关于uniApp editor微信滑动问题
Jan 15 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 curl_setopt()函数实例代码与参数分析
2011/06/02 PHP
destoon调用企业会员公司形象图片的实现方法
2014/08/21 PHP
PHP判断来访是搜索引擎蜘蛛还是普通用户的代码小结
2015/09/14 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
js生成随机数的过程解析
2015/11/24 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
jQuery动态添加
2016/04/07 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
利用node.js本地搭建HTTP服务器
2017/04/19 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
深入理解node.js http模块
2018/01/24 Javascript
webuploader分片上传的实现代码(前后端分离)
2018/09/10 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
Vue快速实现通用表单验证的方法
2020/02/24 Javascript
JavaScript实现捕获鼠标坐标
2020/04/12 Javascript
vue中axios封装使用的完整教程
2021/03/03 Vue.js
Python help()函数用法详解
2014/03/11 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
对numpy Array [: ,] 的取值方法详解
2018/07/02 Python
django框架中间件原理与用法详解
2019/12/10 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
Python3爬虫中关于中文分词的详解
2020/07/29 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
Chain Reaction Cycles芬兰:世界上最大的在线自行车商店
2017/12/06 全球购物
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
比利时家具购买网站:Home24
2019/01/03 全球购物
美术课外活动总结
2014/07/08 职场文书
查摆问题对照检查材料
2014/08/28 职场文书
2015年女工委工作总结
2015/07/27 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
CKAD认证中部署k8s并配置Calico插件
2022/03/31 Servers
Android studio 简单计算器的编写
2022/05/20 Java/Android