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读取ASP设定的COOKIE
Feb 15 Javascript
基于Jquery的跨域传输数据(JSONP)
Mar 10 Javascript
firefox下input type=&quot;file&quot;的size是多大
Oct 24 Javascript
浏览器窗口加载和大小改变事件示例
Feb 27 Javascript
png在IE6 下无法透明的解决方法汇总
May 21 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
Oct 09 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
Mar 01 Javascript
js 基础篇必看(点击事件轮播图的简单实现)
Aug 20 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
vue实现导航菜单和编辑文本的示例代码
Jul 04 Javascript
Vue跨域请求问题解决方案过程解析
Aug 07 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
收音机频率指针指示不准确和灵敏度低问题
2021/03/02 无线电
PHP base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
thinkPHP框架自动填充原理与用法分析
2018/04/03 PHP
Yii框架应用组件用法实例分析
2020/05/15 PHP
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
js 连接数据库如何操作数据库中的数据
2012/11/23 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
JavaScript中对象property的删除方法介绍
2014/12/30 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
2017/12/18 Javascript
react antd表格中渲染一张或多张图片的实例
2020/10/28 Javascript
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
python中的多重继承实例讲解
2014/09/28 Python
python中pygame针对游戏窗口的显示方法实例分析(附源码)
2015/11/11 Python
举例讲解Python设计模式编程中的访问者与观察者模式
2016/01/26 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
python 2.7.14安装图文教程
2018/04/08 Python
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
PyQt5每天必学之创建窗口居中效果
2018/04/19 Python
Python continue继续循环用法总结
2018/06/10 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
python实现可下载音乐的音乐播放器
2020/02/25 Python
CSS3等相关属性制作分页导航实现代码
2012/12/24 HTML / CSS
荷兰和比利时时尚鞋店:Van Dalen
2018/04/23 全球购物
同事打架检讨书
2014/02/04 职场文书
卫生院艾滋病宣传活动小结
2014/07/09 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
会计实训报告范文
2014/11/04 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android
mysql拆分字符串作为查询条件的示例代码
2022/07/07 MySQL