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求对象的高宽问题分别说明
Aug 30 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 Javascript
javascript实现一个数值加法函数
Jun 26 Javascript
学习Bootstrap组件之下拉菜单
Jul 28 Javascript
深入理解JavaScript中的浮点数
May 18 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
webpack4+react多页面架构的实现
Oct 25 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
Dec 29 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
Jan 21 Javascript
node.js处理前端提交的GET请求
Aug 30 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如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
php实现微信模板消息推送
2018/03/30 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
jquery和雅虎的yql服务实现天气预报服务示例
2014/02/08 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
2015/03/30 Javascript
jquery马赛克拼接翻转效果代码分享
2015/08/24 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
vue中使用rem布局代码详解
2019/10/30 Javascript
原生小程序封装跑马灯效果
2020/10/21 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
[02:28]DOTA2英雄基础教程 灰烬之灵
2013/12/19 DOTA
Python struct.unpack
2008/09/06 Python
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
详解python发送各类邮件的主要方法
2016/12/22 Python
pandas多级分组实现排序的方法
2018/04/20 Python
Selenium chrome配置代理Python版的方法
2018/11/29 Python
Django model update的多种用法介绍
2020/03/28 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
篮球友谊赛通讯稿
2014/10/10 职场文书
中标通知书格式
2015/04/17 职场文书
2015年司法局工作总结
2015/05/22 职场文书
浅谈如何写好演讲稿?
2019/06/12 职场文书
Shell脚本一键安装Nginx服务自定义Nginx版本
2022/03/20 Servers