JavaScript让网页出现渐隐渐显的背景颜色

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>渐隐渐显的背景颜色</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><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>

</body>

</html>

时间: 2024-08-01 22:47:22

JavaScript让网页出现渐隐渐显的背景颜色的相关文章

利用 StartLoadingStatus 和 FinishLoadingStatus 读取数据特别是大数据时增加渐隐渐显等待特效 - Ehlib学习(三)

代码很简单: DBGrideh.StartLoadingStatus(' Loading ... '); Sleep(500); DBGrideh.FinishLoadingStatus; 做下变动: DBGrideh.StartLoadingStatus(' Loading ... ',1000); //1000表示显示的速度 Sleep(500); DBGrideh.FinishLoadingStatus(1000); //1000表示显示的速度,此处的单位不是毫秒 上一段代码中发现的数值1

原生js实现图片网格式渐显、渐隐效果

写正文前先吐槽一下:端午放假完第一天去某千人以上公司面试前端工程师,第一轮是我应聘职位的部门小领导,谈的不错,面试主要围绕要用到的技术来:第二轮来了我要说的正主,我了个去,问的问题一个和前端无关,问我什么是"死锁",实现二叉树的先序遍历的算法,我真的想知道我面试的是前端么,职责不是用React框架实现公司官网的维护和迭代么.我不否认他问的这些知识点属于某一领域内的基础,但是我哪个前端工程师非必要的情况下在工作2,3年内专门去了解这些工作中几乎用不到的知识呢.我前端都学不完,没学透呢.

【分享】JS图片滑动渐显渐隐插件-附使用方法。

前阵子总监要说做一个邀请函 效果 点击这里 鼠标拖拽进行浏览 它用的是Adobe edge软件生成的,代码量过大,冗余太多. 再加上我也没学过这个软件怎么使用,增加学习成本影响项目进度. 于是就自己写了个简单的.鼠标移动到右下角窗口滚动看效果→DEMO 不过是单体的 没有使用多个图片分频运动 ,当然如果项目需要的话,改起来也不费劲,比上面的要简单许多. 使用方法在下方: #bg{ position:fixed; width: 100%; height: 200%; background: url

实现渐隐渐现页面跳转

有时我们可能想要从一个页面跳转到另一个页面的过渡变得柔和些,也即是,点击链接后,当前页面渐隐,而后跳转渐显新页面的效果.可以使用jquery轻易实现. 效果: 页面1: <!DOCTYPE HTML><html lang="en-US"><head>    <meta charset="UTF-8">    <title>页面1</title>    <script type="

wordpress图片插件之图片随滚动条渐显延迟加载效果

在逛其它人的博客时,经常会看到有些图片多的博客站点,拉动浏览器滚动条时,博客中图片出现延时加载的特效,也就是常说的站点中图片随滚动条渐显的特效了,闲吧资源站经过反复的搜索以及求助,终于在金光群里面有人跟了答案.感谢当时给我搜索名称的群中好友了.找到后,那当然是立马行动,将闲吧站也加上这个特效.下面描述下具体的过程:特效优点:1. 加速wordpress站点的页面载入速度:2. 不唐突的图片渐显方式:3. 代码精简,便于操作维护,JS代码仅仅 1.6KB 先决条件是:你的站加载了 Jquery.j

UGUI 实现界面 渐隐渐现 FadeIn/Out 效果

孙广东  2015.7.10 其实熟悉NGUI的人,应该知道  实现渐隐渐现 FadeIn/Out 效果是很方便的,因为父对象 的 改变会自动影响到子对象. 比如 UIWidget.UIPanel等组件都有 Alpha属性,在Inspector面板上可以直接设置拖拽的改变看看.  确实如此. 但是到UGUI呢,没有这么方便.  需要熟悉一下 组件的内部和继承关系了! UI中每个能够显示控件都会有一个CanvasRender对象,CanvasRender有什么作用呢? 官方的解释:The Canv

将JavaScript 插入网页的方法

将JavaScript 插入网页的方法 使用Javascript代码. 插入JavaScript 与在网页中插入CSS的方式相似.使用下面的代码可以在网页中插入JavaScript: ... 其中的...就是代码的内容.JavaScript的插入位置不同,效果也会有所不同,还可以像CSS一样,将JavaScript保存成一个外部文件,这些内容会在下一节讨论. 用JavaScript在网页中输出内容 JavaScript使用document.write来输出内容.例如  document.writ

用JavaScript实现网页动态水印

原文:用JavaScript实现网页动态水印 1.基本原理 页面加载后,通过javascript创建页面元素div,并在div元素中创建文本节点,展示水印内容 设置div元素样式,将其zIndex设置一个较高的值,并设置透明度,实现浮在页面的水印效果 其核心逻辑如下所示 var mask_div = document.createElement('div'); mask_div.id = 'mask_div1'; mask_div.appendChild(document.createTextN

html dom与javascript的关系 -我们用JavaScript对网页(HTML)进行的所有操作都是通过DOM进行的

一,什么是DOM (参考源http://www.cnblogs.com/chaogex/p/3959723.html) DOM是什么 DOM全称为The Document Object Model,应该理解为是一个规范,定义了HTML和XML文档的逻辑结构和文档操作的编程接口. 文档逻辑结构 DOM实际上是以面向对象方式描述的对象模型,它将文档建模为一个个对象,以树状的结构组织(本文称之为"文档树",树中的对象称为"节点").每个文档包含1个document节点,0