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 相关文章推荐
跟随鼠标旋转的文字
Nov 30 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
May 07 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
Jan 27 Javascript
jquery处理页面弹出层查询数据等待操作实例
Mar 25 Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
Oct 14 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
Javascript实现代码折叠功能
Aug 25 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
Apr 29 Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 Javascript
解决vue scoped scss 无效的问题
Sep 04 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中通过虚代理实现延迟加载的实现代码
2011/06/10 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
Laravel框架用户登陆身份验证实现方法详解
2017/09/14 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
2007/04/20 Javascript
网页和浏览器兼容性问题汇总(draft1)
2009/06/01 Javascript
javascript 触发事件列表 比较不错
2009/09/03 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
AngularJS实现分页显示数据库信息
2016/07/01 Javascript
JavaScript中的splice方法用法详解
2016/07/20 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
深入理解Javascript中的作用域链和闭包
2017/04/25 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
vue mint-ui tabbar变组件使用
2018/05/04 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
2020/09/07 Javascript
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
用python实现批量重命名文件的代码
2012/05/25 Python
django admin组件使用方法详解
2019/07/19 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
CSS3 实现雷达扫描图的示例代码
2020/09/21 HTML / CSS
2015年专项整治工作总结
2015/04/03 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
在校生证明
2015/06/17 职场文书
消费者理赔投诉书
2015/07/02 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
小学三年级语文教学反思
2016/03/03 职场文书
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫
微信小程序实现轮播图指示器
2022/06/25 Javascript