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 相关文章推荐
HTML 自动伸缩的表格Table js实现
Apr 01 Javascript
js DOM模型操作
Dec 28 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
Nov 20 Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
javascript移出节点removeChild()使用介绍
Apr 03 Javascript
PHP开发者必须掌握的6个关键字
Apr 14 Javascript
JavaScript 学习笔记之操作符(续)
Jan 14 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
老生常谈js数据类型
Aug 03 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
Jul 14 Javascript
Vue如何实现组件间通信
May 15 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
无数据库的详细域名查询程序PHP版(3)
2006/10/09 PHP
为查询结果建立向后/向前按钮
2006/10/09 PHP
PHP学习 运算符与运算符优先级
2008/06/15 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
简单谈谈PHP中的include、include_once、require以及require_once语句
2016/04/23 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
php实例化一个类的具体方法
2019/09/19 PHP
解决在laravel中auth建立时候遇到的问题
2019/10/15 PHP
PHP获取真实IP及IP模拟方法解析
2020/11/24 PHP
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
JavaScript基本语法学习教程
2016/01/14 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
对类Vue的MVVM前端库的实现代码
2018/09/07 Javascript
在 Vue 应用中使用 Netlify 表单功能的方法详解
2019/06/03 Javascript
Python实现新浪博客备份的方法
2016/04/27 Python
Python中的上下文管理器和with语句的使用
2018/04/17 Python
python字典嵌套字典的情况下找到某个key的value详解
2019/07/10 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
python GUI库图形界面开发之PyQt5多线程中信号与槽的详细使用方法与实例
2020/03/08 Python
python爬虫开发之Request模块从安装到详细使用方法与实例全解
2020/03/09 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
建筑系毕业生自我鉴定
2014/01/24 职场文书
秋季运动会稿件
2014/01/30 职场文书
乡镇网格化管理实施方案
2014/03/23 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python