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中width()方法用法实例
Dec 24 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
p5.js入门教程之图片加载
Mar 20 Javascript
webpack4 处理CSS的方法示例
Sep 03 Javascript
vue路由--网站导航功能详解
Mar 29 Javascript
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
Sep 04 Javascript
在vue中使用Echarts画曲线图的示例
Oct 03 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
基于laravel制作APP接口(API)
2016/03/15 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
JS.elementGetStyle(element, style)应用示例
2013/09/24 Javascript
jquery增加和删除元素的方法
2015/01/14 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
js获取form的方法
2015/05/06 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
深入了解Python中pop和remove的使用方法
2018/01/09 Python
Python实现计算圆周率π的值到任意位的方法示例
2018/05/08 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
python使用matplotlib画饼状图
2018/09/25 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
详解python中init方法和随机数方法
2019/03/13 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
python生成并处理uuid的实现方式
2020/03/03 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
如何在Anaconda中打开python自带idle
2020/09/21 Python
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
师范生实习自我鉴定
2013/11/01 职场文书
环保倡议书
2014/04/14 职场文书
诚信承诺书模板
2014/05/26 职场文书
教师工作能力自我评价
2015/03/04 职场文书
三严三实·严以用权心得体会
2016/01/12 职场文书
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
python实现简单的三子棋游戏
2022/04/28 Python