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中创建对象的几种方法总结
Nov 01 Javascript
JS实现的5级联动Select下拉选择框实例
Aug 17 Javascript
Centos7 中安装 Node.js v4.4.4
Nov 03 Javascript
jQuery无缝轮播图代码
Dec 22 Javascript
微信小程序中的swiper组件详解
Apr 14 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
Dec 18 jQuery
vue 点击按钮增加一行的方法
Sep 07 Javascript
vue 查看dist文件里的结构(多种方式)
Jan 17 Javascript
vue组件传值的实现方式小结【三种方式】
Feb 05 Javascript
JS实现时间校验的代码
May 25 Javascript
Vue接口封装的完整步骤记录
May 14 Vue.js
quickjs 封装 JavaScript 沙箱详情
Nov 02 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
S900/ ETON E1-XM 收音机
2021/03/02 无线电
php将数据库导出成excel的方法
2010/05/07 PHP
PHP gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
php5.5新数组函数array_column使用
2013/07/08 PHP
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
getJSON跨域SyntaxError问题分析
2014/08/07 PHP
从零开始学YII2框架(三)扩展插件yii2-gird
2014/08/20 PHP
PHP获取真实客户端的真实IP
2017/03/07 PHP
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
javascript实现简单的二级联动
2015/03/19 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
JavaScript实现相册弹窗功能(zepto.js)
2016/06/21 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
2016/12/05 Javascript
jQuery实现标签子元素的添加和赋值方法
2018/02/24 jQuery
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
vue实现抖音时间转盘
2019/09/08 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
用Nodejs实现在终端中炒股的实现
2020/10/18 NodeJs
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
使用11行Python代码盗取了室友的U盘内容
2018/10/23 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
python反编译学习之字节码详解
2019/05/19 Python
win10子系统python开发环境准备及kenlm和nltk的使用教程
2019/10/14 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
基于打开pycharm有带图片md文件卡死问题的解决
2020/04/24 Python
Python的轻量级ORM框架peewee使用教程
2021/02/05 Python
介绍一下write命令
2014/08/10 面试题
区域总监的岗位职责
2013/11/21 职场文书
工商治理实习生的自我评价分享
2014/02/20 职场文书
数学检讨书1000字
2014/02/24 职场文书