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 实现密码框的显示与隐藏示例代码
Sep 18 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
Mar 18 Javascript
JQuery 在线引用及测试引用是否成功
Jun 24 Javascript
JavaScript实现继承的4种方法总结
Oct 16 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
Bootstrop实现多级下拉菜单功能
Nov 24 Javascript
一个炫酷的Bootstrap导航菜单
Dec 28 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
微信小程序如何利用getCurrentPages进行页面传值
Jul 01 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 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 开发环境配置(测试开发环境)
2010/04/28 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
深入php之规范编程命名小结
2013/05/15 PHP
js 目录列举函数
2008/11/06 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
connect中间件session、cookie的使用方法分享
2014/06/17 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
2015/11/24 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
js微信分享API
2020/10/11 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
浅谈JavaScript异步编程
2017/01/20 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
Node.js简单入门前传
2017/08/21 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
JS实现星星海特效
2019/12/24 Javascript
python购物车程序简单代码
2018/04/18 Python
python3.6使用pymysql连接Mysql数据库
2018/05/25 Python
python自动化生成IOS的图标
2018/11/13 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
Python+MySQL随机试卷及答案生成程序的示例代码
2021/02/01 Python
html5 外链式实现加减乘除的代码
2019/09/04 HTML / CSS
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
Mankind美国/加拿大:英国领先的男士美容护发用品公司
2018/12/05 全球购物
女大学生个人求职信
2013/12/09 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
贷款承诺书范文
2014/05/19 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python