JavaScript实现的背景自动变色代码


Posted in Javascript onOctober 17, 2015

本文实例讲述了JavaScript实现的背景自动变色代码。分享给大家供大家参考,具体如下:

这里演示JavaScript实现网页背景自动变色,自己变换颜色,设定时间和颜色值即可,在你设定的颜色值、一定时间内自动切换网页背景颜色。

运行效果截图如下:

JavaScript实现的背景自动变色代码

在线演示地址如下:

具体代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景自动变色</title>
</head>
<body>
背景自动变色
<script language="javascript">
var Arraycolor=new Array("#00FF66","#FFFF99","#99CCFF","#FFCCFF","#FFCC99","#00FFFF","#FFFF00","#FFCC00","#FF00FF");
var n=0;
function turncolors(){
  n++;
  if (n==(Arraycolor.length-1)) n=0;
  document.bgColor = Arraycolor[n];
  setTimeout("turncolors()",1000);
}
turncolors();
</script>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript控制frame,iframe的src属性代码
Dec 31 Javascript
js+css实现增加表单可用性之提示文字
Jun 03 Javascript
js实现同一页面多个运动效果的方法
Apr 10 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
Jul 10 Javascript
JS实现遍历不规则多维数组的方法
Mar 21 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
vue将后台数据时间戳转换成日期格式
Jul 31 Javascript
JavaScript this在函数中的指向及实例详解
Oct 14 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 Javascript
AJAX XMLHttpRequest对象创建使用详解
Aug 20 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 #Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 #Javascript
基于jQuery实现的菜单切换效果
Oct 16 #Javascript
javascript判断复选框是否选中的方法
Oct 16 #Javascript
jquery判断复选框是否被选中的方法
Oct 16 #Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 #Javascript
js生成随机数的方法实例
Oct 16 #Javascript
You might like
动态生成gif格式的图像要注意?
2006/10/09 PHP
PHP实时显示输出
2008/10/02 PHP
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
jquery中animate动画积累的解决方法
2013/10/05 Javascript
jQuery插件开发的五种形态小结
2015/03/04 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
基于JS实现限时抢购倒计时间表代码
2017/05/09 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
Python 探针的实现原理
2016/04/23 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
Python 将Matrix、Dict保存到文件的方法
2018/10/30 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
Python装饰器原理与基本用法分析
2020/01/07 Python
如何在sublime编辑器中安装python
2020/05/20 Python
基于python实现破解滑动验证码过程解析
2020/05/28 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
python批量修改交换机密码的示例
2020/09/22 Python
python中二分查找法的实现方法
2020/12/06 Python
python实现马丁策略的实例详解
2021/01/15 Python
一款利用纯css3实现的win8加载动画的实例分析
2014/12/11 HTML / CSS
适合各种场合的美食礼品:Harry & David
2016/08/03 全球购物
英国、欧洲和全球租车服务:Avis英国
2016/08/29 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
就业意向书范文
2014/04/01 职场文书
学习雷锋倡议书
2014/04/15 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
工地安全质量标语
2014/06/07 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
农民工工资保障承诺书
2015/05/04 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
Python绘制分类图的方法
2021/04/20 Python