JavaScript让网页出现渐隐渐显背景颜色的方法


Posted in Javascript onApril 21, 2015

本文实例讲述了JavaScript让网页出现渐隐渐显背景颜色的方法。分享给大家供大家参考。具体如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>javascript渐隐渐显的背景颜色</title>
<style fprolloverstyle>A:hover {color: #00FFFF}
</style>
</head>
<body onLoad="fadeIn(15)">
<script language="JavaScript">
var Color= new Array("ff","ee","dd","cc","bb","aa","99","88","77","66","55","44","33","22","11","00");
function fadeIn(n) {
if (n >= 1) {
document.bgColor="#" +"00"+ Color[n] +"00"; 
n -= 1;
setTimeout("fadeIn("+n+")", 100);
}
else{setTimeout('fadeOut(1)', 100);}
}
function fadeOut(n) {
if (n <=(Color.length-1)) {
document.bgColor="#" +"00"+ Color[n] +"00";
n += 1;
setTimeout("fadeOut("+n+")", 100)
}
else{setTimeout("fadeIn("+(Color.length-1)+")", 100);}
}
</script>
<div>https://3water.com/</div>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jquery ready()的几种实现方法小结
Jun 18 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
关于锚点跳转及jQuery下相关操作与插件
Oct 01 Javascript
js实现在字符串中提取数字
Nov 05 Javascript
基于jQuery实现仿淘宝套餐选择插件
Mar 04 Javascript
jQuery+PHP星级评分实现方法
Oct 02 Javascript
Bootstrap树形组件jqTree的简单封装
Jan 25 Javascript
Bootstrap在线电子商务网站实战项目5
Oct 14 Javascript
vue的安装及element组件的安装方法
Mar 09 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
Apr 23 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
JavaScript实现动画打开半透明提示层的方法
Apr 21 #Javascript
javascript格式化指定日期对象的方法
Apr 21 #Javascript
jQuery固定元素插件scrolltofixed使用指南
Apr 21 #Javascript
javascript判断数组内是否重复的方法
Apr 21 #Javascript
jQuery菜单插件superfish使用指南
Apr 21 #Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 #Javascript
jQuery标签编辑插件Tagit使用指南
Apr 21 #Javascript
You might like
php+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
php检索或者复制远程文件的方法
2015/03/13 PHP
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
2016/04/07 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
python实现DNS正向查询、反向查询的例子
2014/04/25 Python
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
python中map()函数的使用方法示例
2017/09/29 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
python使用代理ip访问网站的实例
2018/05/07 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
Python变量访问权限控制详解
2019/06/29 Python
Python根据服务获取端口号的方法
2019/09/25 Python
如何让PyQt5中QWebEngineView与JavaScript交互
2020/10/21 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
利用CSS3的border-radius绘制太极及爱心图案示例
2016/05/17 HTML / CSS
美国女孩洋娃娃店:American Girl
2017/10/24 全球购物
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
求职简历自荐信
2013/10/20 职场文书
电子信息毕业生自荐信
2013/11/16 职场文书
销售简历自我评价
2014/01/24 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
进口业务员岗位职责
2014/04/06 职场文书
航空学院求职信
2014/06/11 职场文书
个人政治思想总结
2015/03/05 职场文书
2015年党支部书记工作总结
2015/05/21 职场文书
新年祝酒词大全
2015/08/11 职场文书
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis