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 相关文章推荐
一段效率很高的for循环语句使用方法
Aug 13 Javascript
javascript中的void运算符语法及使用介绍
Mar 10 Javascript
setTimeout()与setInterval()方法区别介绍
Dec 24 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
JS实现评价的星星功能
Aug 20 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
解决vue动态下拉菜单 有数据未反应的问题
Aug 06 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
Aug 07 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
杏林同学录(八)
2006/10/09 PHP
php 生成随机验证码图片代码
2010/02/08 PHP
PHP计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
phpcms配置列表页以及获得文章发布时间
2017/07/04 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
jQuery 操作option的实现代码
2011/03/03 Javascript
jqPlot 基于jquery的画图插件
2011/04/26 Javascript
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
2017/02/20 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
js实现计时器秒表功能
2019/12/16 Javascript
[01:07:21]NAVI vs VG Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
python实现生命游戏的示例代码(Game of Life)
2018/01/24 Python
有关Python的22个编程技巧
2018/08/29 Python
python hashlib加密实现代码
2019/10/17 Python
几款Python编译器比较与推荐(小结)
2020/10/15 Python
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
《得道多助,失道寡助》教学反思
2014/04/19 职场文书
消防志愿者活动方案
2014/08/23 职场文书
个人党性锻炼总结
2015/03/05 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
2015年加油站工作总结
2015/05/13 职场文书