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可见性过滤选择器使用示例
Jun 24 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
Dec 14 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
JavaScript匿名函数用法分析
Feb 13 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
Oct 29 Javascript
JavaScript实现显示函数调用堆栈的方法
Apr 21 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
JavaScript实现DOM对象选择器
Sep 24 Javascript
webpack本地开发环境无法用IP访问的解决方法
Mar 20 Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 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代码技巧的小结
2013/06/02 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
PHP JSON格式的中文显示问题解决方法
2015/04/09 PHP
PHP html_entity_decode()函数讲解
2019/02/25 PHP
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
jQuery提交多个表单的小例子
2013/06/30 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
jQuery中:header选择器用法实例
2014/12/29 Javascript
javascript中new关键字详解
2015/12/14 Javascript
基于jQuery实现选取月份插件附源码下载
2015/12/28 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
深入解析js轮播插件核心代码的实现过程
2017/04/14 Javascript
Express框架之connect-flash详解
2017/05/31 Javascript
详谈Node.js之操作文件系统
2017/08/29 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
基于Vue的侧边目录组件的实现
2020/02/05 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
Python获取央视节目单的实现代码
2015/07/25 Python
python的mysqldb安装步骤详解
2017/08/14 Python
python如何使用unittest测试接口
2018/04/04 Python
详解Django+Uwsgi+Nginx 实现生产环境部署
2018/11/06 Python
对python字典过滤条件的实例详解
2019/01/22 Python
python制作简单五子棋游戏
2019/06/18 Python
python中有关时间日期格式转换问题
2019/12/25 Python
python如何求圆的面积
2020/07/01 Python
网页布局中CSS样式无效的十个重要原因详解
2017/08/10 HTML / CSS
详解css3使用transform出现字体模糊的解决办法
2020/10/16 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
班主任工作年限证明
2014/01/12 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
公司业务员管理制度
2015/08/05 职场文书