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的给文章加入关键字链接
Oct 26 Javascript
javaScript同意等待代码实现心得
Jan 01 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
Jun 06 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
基于zepto.js简单实现上传图片
Jun 21 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
Dec 12 Javascript
手把手带你入门微信小程序新框架Kbone的使用
Feb 25 Javascript
vue+ESLint 配置保存 自动格式化代码
Mar 17 Javascript
浅谈javascript事件环微任务和宏任务队列原理
Sep 12 Javascript
编写v-for循环的技巧汇总
Dec 01 Javascript
vue实现防抖的实例代码
Jan 11 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使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
php解决安全问题的方法实例
2019/09/19 PHP
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
解析js原生方法创建表格效率测试
2013/07/08 Javascript
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
基于JQuery及AJAX实现名人名言随机生成器
2017/02/10 Javascript
仿淘宝JSsearch搜索下拉深度用法
2018/01/15 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
2018/07/05 jQuery
浅谈angular2子组件的事件传递(任意组件事件传递)
2018/09/30 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
2018/12/19 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
Vue $emit()不能触发父组件方法的原因及解决
2020/07/28 Javascript
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
基于python的Paxos算法实现
2019/07/03 Python
通过字符串导入 Python 模块的方法详解
2019/10/27 Python
pytorch中的自定义反向传播,求导实例
2020/01/06 Python
Python通过类的组合模拟街道红绿灯
2020/09/16 Python
联想马亚西亚官方网站:Lenovo Malaysia
2018/09/19 全球购物
Unix/Linux开发面试题
2016/08/16 面试题
元旦趣味活动方案
2014/08/22 职场文书
干部竞争上岗演讲稿
2014/09/11 职场文书
学生违反校规检讨书
2014/10/28 职场文书
休学证明范本
2015/06/19 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang
sql字段解析器的实现示例
2021/06/23 SQL Server
CSS实现章节添加自增序号的方法
2021/06/23 HTML / CSS
Windows Server 2012配置DNS服务器的方法
2022/04/29 Servers
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL