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 相关文章推荐
通用javascript脚本函数库 方便开发
Oct 13 Javascript
javascript URL编码和解码使用说明
Apr 12 Javascript
JQuery魔力之$(&quot;tagName&quot;)与selector
Mar 05 Javascript
Javascript/Jquery——简单定时器的多种实现方法
Jul 03 Javascript
Angular2 多级注入器详解及实例
Oct 30 Javascript
详解jquery validate实现表单验证 (正则表达式)
Jan 18 Javascript
解析Vue2.0双向绑定实现原理
Feb 23 Javascript
如何解决vue与传统jquery插件冲突
Mar 20 Javascript
mpvue构建小程序的方法(步骤+地址)
May 22 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
Java Varargs 可变参数用法详解
Jan 28 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
php flush类输出缓冲剖析
2008/10/19 PHP
thinkPHP模型初始化实例分析
2015/12/03 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
laravel 实现登陆后返回登陆前的页面方法
2019/10/03 PHP
javascript 广告后加载,加载完页面再加载广告
2010/11/25 Javascript
简单的JavaScript互斥锁分享
2014/02/02 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
vue mounted组件的使用
2018/06/18 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
python中定义结构体的方法
2013/03/04 Python
Python简单进程锁代码实例
2015/04/27 Python
python直接访问私有属性的简单方法
2016/07/25 Python
Python中创建字典的几种方法总结(推荐)
2017/04/27 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
python构造函数init实例方法解析
2020/01/19 Python
python基于win32api实现键盘输入
2020/12/09 Python
美国最大的农村生活方式零售店:Tractor Supply Company(TSC)
2017/05/15 全球购物
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
茶叶生产计划书
2014/01/10 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
优秀的2014年两会精神解读
2014/03/17 职场文书
加油口号大全
2014/06/13 职场文书
十佳党员事迹材料
2014/08/28 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
2016年“世界气象日”广播稿
2015/12/17 职场文书
年终工作总结范文
2019/06/20 职场文书
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python
MySQL数据库必备之条件查询语句
2021/10/15 MySQL
JavaScript数组 几个常用方法总结
2021/11/11 Javascript