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 相关文章推荐
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
JS实现模仿微博发布效果实例代码
Dec 16 Javascript
javascript运行机制之this详细介绍
Feb 07 Javascript
判断及设置浏览器全屏模式
Apr 20 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
详解JavaScript基于面向对象之继承
Dec 13 Javascript
简单的jQuery banner图片轮播实例代码
Mar 04 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
js实现移动端轮播图
Dec 21 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
Vue中keep-alive组件作用详解
Feb 04 Javascript
vue项目中js-cookie的使用存储token操作
Nov 13 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
DISCUZ 分页代码
2007/01/02 PHP
php字符串分割函数用法实例
2015/03/17 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
Yii框架学习笔记之应用组件操作示例
2019/11/13 PHP
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
符合标准的js表单提交的代码
2007/09/13 Javascript
JavaScript的eval JSON object问题
2009/11/15 Javascript
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
juqery 学习之三 选择器 子元素与表单
2010/11/25 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
深入理解Node.js 事件循环和回调函数
2016/11/02 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
vue cli 全面解析
2018/02/28 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
Python类的基础入门知识
2008/11/24 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
Python GUI编程完整示例
2019/04/04 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
在Python中等距取出一个数组其中n个数的实现方式
2019/11/27 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
Django模板标签{% for %}循环,获取制定条数据实例
2020/05/14 Python
详解scrapy内置中间件的顺序
2020/09/28 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
生物技术研究生自荐信
2013/11/12 职场文书
二手房买卖协议书
2014/04/10 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
天那边观后感
2015/06/09 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
oracle覆盖导入dmp文件的2种方法
2021/05/21 Oracle