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 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
JS面向对象编程 for Cookie
Sep 19 Javascript
模仿百度三维地图的js数据分享
May 12 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
May 11 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
Feb 28 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
JavaScript限定图片显示大小的方法
Mar 11 Javascript
jQuery监听文件上传实现进度条效果的方法
Oct 16 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
Feb 20 Javascript
Vue在页面数据渲染完成之后的调用方法
Sep 11 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
js取小数点后两位四种方法
Jan 18 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
《被神捡到的男人》动画化计划进行中!
2020/03/06 日漫
一家之言的经验之谈php+mysql扎实个人基本功
2008/03/27 PHP
php计算税后工资的方法
2015/07/28 PHP
PHP的关于变量和日期处理的一些面试题目整理
2015/08/10 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
什么是 AngularJS?AngularJS简介
2014/12/06 Javascript
JS JQUERY实现滚动条自动滚到底的方法
2015/01/09 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
JS获取当前脚本文件的绝对路径
2016/03/02 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
jQuery自定义图片上传插件实例代码
2017/04/04 jQuery
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
利用Javascript获取选择文本所在的句子详解
2017/12/03 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
2019/03/27 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
浅析Python pandas模块输出每行中间省略号问题
2018/07/03 Python
python实现简单tftp(基于udp协议)
2018/07/30 Python
在python环境下运用kafka对数据进行实时传输的方法
2018/12/27 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
学习python需要有编程基础吗
2020/06/02 Python
如何用Python 加密文件
2020/09/10 Python
css3实现3D文本悬停改变效果的示例代码
2019/01/16 HTML / CSS
微信营销策划方案
2014/02/24 职场文书
简单租房协议书
2014/10/21 职场文书
课程设计感想范文
2015/08/11 职场文书
学习委员竞选稿
2015/11/20 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP
制作能在nginx和IIS中使用的ssl证书
2021/06/21 Servers