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 相关文章推荐
JS Timing
Apr 21 Javascript
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
javascript一些实用技巧小结
Mar 18 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
May 11 Javascript
jquery实现html页面 div 假分页有原理有代码
Sep 06 Javascript
node.js实现快速截图
Aug 27 Javascript
基于JS设计12306登录页面
Dec 28 Javascript
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
Vue 实现登录界面验证码功能
Jan 03 Javascript
ES6函数和数组用法实例分析
May 23 Javascript
react-native 实现购物车滑动删除效果的示例代码
Jan 15 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
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对接微信公众平台消息接口开发流程教程
2014/03/25 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
php实现的任意进制互转类分享
2015/07/07 PHP
PHP中类的自动加载的方法
2017/03/17 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
2018/06/05 PHP
JS 建立对象的方法
2007/04/21 Javascript
js 金额文本框实现代码
2012/02/14 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
深入理解react-router@4.0 使用和源码解析
2017/05/23 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
解决vue+router路由跳转不起作用的一项原因
2020/07/19 Javascript
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
python方向键控制上下左右代码
2018/01/20 Python
Python使用logging模块实现打印log到指定文件的方法
2018/09/05 Python
【python】matplotlib动态显示详解
2019/04/11 Python
用Python写一个自动木马程序
2019/09/17 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
flask框架中的cookie和session使用
2021/01/31 Python
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
一套比较完整的软件测试人员面试题
2012/05/13 面试题
销售行业个人求职自荐信
2013/09/25 职场文书
高二美术教学反思
2014/01/14 职场文书
网络研修心得体会
2016/01/08 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
解读MySQL的客户端和服务端协议
2021/05/10 MySQL
详解Python牛顿插值法
2021/05/11 Python
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
PostgreSQL聚合函数介绍以及分组和排序
2022/04/12 PostgreSQL