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 弹出层插件实现代码
Oct 24 Javascript
javascript 实现简单的table排序及table操作练习
Dec 28 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
Mar 31 Javascript
BootStrap中的table实现数据填充与分页应用小结
May 26 Javascript
Bootstrap CSS使用方法
Dec 23 Javascript
微信小程序实现折叠与展开文章功能
Jun 12 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
Mar 28 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 Javascript
vue+swiper实现左右滑动的测试题功能
Oct 30 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 __autoload()方法真的影响性能吗?
2012/03/30 PHP
phpmyadmin配置文件现在需要绝密的短密码(blowfish_secret)的2种解决方法
2014/05/07 PHP
php_screw安装使用教程(另一个PHP代码加密实现)
2014/05/29 PHP
PHP使用xmllint命令处理xml与html的方法
2014/12/15 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
js setTimeout opener的用法示例详解
2013/10/23 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
创建自己的jquery表格插件
2015/11/25 Javascript
js实现select下拉框菜单
2015/12/08 Javascript
JavaScript中的this机制
2016/01/30 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
layui实现table加载的示例代码
2018/08/14 Javascript
用Angular实现一个扫雷的游戏示例
2020/05/15 Javascript
[42:56]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python中的rjust()方法使用详解
2015/05/19 Python
python自动发送邮件脚本
2018/06/20 Python
Python从ZabbixAPI获取信息及实现Zabbix-API 监控的方法
2018/09/17 Python
对python for 文件指定行读写操作详解
2018/12/29 Python
Django如何在不停机的情况下创建索引
2020/08/02 Python
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
外贸业务员求职自荐信分享
2013/09/21 职场文书
应届毕业生求职自荐书
2014/01/03 职场文书
毕业典礼邀请函
2015/01/31 职场文书
2015年领导班子工作总结
2015/05/23 职场文书
关于环保的广播稿
2015/12/17 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书
2019假期福利管理制度!
2019/07/15 职场文书
python缺失值填充方法示例代码
2022/12/24 Python