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 chili图片远处放大插件
Nov 30 Javascript
JS案例分享之金额小写转大写
May 15 Javascript
JavaScript调用浏览器打印功能实例分析
Jul 17 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
Jun 23 Javascript
d3.js中冷门却实用的内置函数总结
Feb 04 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
May 27 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
利用JS如何获取form表单数据
Dec 19 Javascript
javascript设计模式之迭代器模式
Jan 30 Javascript
vue 中的动态传参和query传参操作
Nov 09 Javascript
element-ui点击查看大图的方法示例
Dec 14 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函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
用php+ajax新建流程(请假、进货、出货等)
2017/06/11 PHP
js 连接数据库如何操作数据库中的数据
2012/11/23 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
js获取IP和PcName(IE)在vs中可用
2013/08/02 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
详述JavaScript实现继承的几种方式(推荐)
2016/03/22 Javascript
AngularJs 弹出模态框(model)
2016/04/07 Javascript
AngularJS 表达式详解及实例代码
2016/09/14 Javascript
input框中的name和id的区别
2016/11/16 Javascript
JS中判断null的方法分析
2016/11/21 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
jQuery阻止事件冒泡实例分析
2018/07/03 jQuery
Python实现购物程序思路及代码
2017/07/24 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
Django的性能优化实现解析
2019/07/30 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
Python numpy大矩阵运算内存不足如何解决
2020/11/19 Python
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
个人查摆剖析材料
2014/02/04 职场文书
好学生评语大全
2014/05/05 职场文书
数学系毕业生求职信
2014/05/29 职场文书
2014年学生工作总结
2014/11/20 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
出生证明范本
2015/06/15 职场文书
小学安全教育主题班会
2015/08/12 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
Golang之sync.Pool使用详解
2021/05/06 Golang