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 相关文章推荐
ie7+背景透明文字不透明超级简单的实现方法
Jan 17 Javascript
js不间断滚动的简单实现
Jun 03 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
Node.js复制文件的方法示例
Dec 29 Javascript
package.json文件配置详解
Jun 15 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
Nov 21 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
NW.js 简介与使用方法
Feb 01 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
Jul 30 Javascript
JavaScript实现瀑布流布局的3种方式
Dec 27 Javascript
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 Vue.js
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
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
PHP取进制余数函数代码
2012/01/19 PHP
使用php测试硬盘写入速度示例
2014/01/27 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
2019/10/17 PHP
斜45度寻路实现函数
2009/08/20 Javascript
Jquery 常用方法经典总结
2010/01/28 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
jQuery的缓存机制浅析
2014/06/07 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
简单介绍Python中的len()函数的使用
2015/04/07 Python
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
Pycharm取消py脚本中SQL识别的方法
2018/11/29 Python
python检测IP地址变化并触发事件
2018/12/26 Python
Python秒算24点实现及原理详解
2019/07/29 Python
python模拟键盘输入 切换键盘布局过程解析
2019/08/15 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
TripAdvisor土耳其网站:全球知名旅行社区,真实旅客评论
2017/04/17 全球购物
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
阿巴庭院:Abba Patio
2019/06/18 全球购物
上海中网科技笔试题
2012/02/19 面试题
学习心得体会
2014/01/01 职场文书
给酒店员工的表扬信
2014/01/11 职场文书
网络教育自我鉴定
2014/02/04 职场文书
学校火灾防控方案
2014/06/09 职场文书
2016保送生自荐信范文
2016/01/29 职场文书
小学生必读成语故事大全:送给暑假的你们
2019/07/09 职场文书
python中的被动信息搜集
2021/04/29 Python