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显示隐藏层比较不错的方法分析
Sep 30 Javascript
JavaScript Perfection kill 测试及答案
Mar 23 Javascript
js下将字符串当函数执行的方法
Jul 13 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 Javascript
js生成随机数方法和实例
Jan 17 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
Jun 28 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
Jul 18 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
Oct 10 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 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
用PHP+java实现自动新闻滚动窗口
2006/10/09 PHP
php header示例代码(推荐)
2010/09/08 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
PHP自带方法验证邮箱是否存在
2016/02/01 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
php redis实现文章发布系统(用户投票系统)
2017/03/04 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
2010/04/01 Javascript
JS控制网页动态生成任意行列数表格的方法
2015/03/09 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
原生js实现回复评论功能
2017/01/18 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
对Vue beforeRouteEnter 的next执行时机详解
2018/08/25 Javascript
vue项目中实现缓存的最佳方案详解
2019/07/11 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
在Python中移动目录结构的方法
2016/01/31 Python
python os模块简单应用示例
2019/05/23 Python
Python猴子补丁知识点总结
2020/01/05 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
Python3 mmap内存映射文件示例解析
2020/03/23 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
电影T恤、80年代T恤和80年代服装:TV Store Online
2020/01/05 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
饮料业务员岗位职责
2013/12/15 职场文书
经理秘书找工作求职信
2013/12/19 职场文书
土地转让协议书
2014/04/15 职场文书
努力工作保证书
2015/02/28 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
2016年秋季运动会广播稿
2015/12/21 职场文书
解读Vue组件注册方式
2021/05/15 Vue.js
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers