惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
Visual Studio Blog
Engineering at Meta
Engineering at Meta
月光博客
月光博客
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
Tailwind CSS Blog
博客园 - Franky
The GitHub Blog
The GitHub Blog
大猫的无限游戏
大猫的无限游戏
The Cloudflare Blog
B
Blog RSS Feed
云风的 BLOG
云风的 BLOG
小众软件
小众软件
罗磊的独立博客
Microsoft Azure Blog
Microsoft Azure Blog
I
InfoQ
美团技术团队
H
Hackread – Cybersecurity News, Data Breaches, AI and More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
V2EX
C
Check Point Blog
WordPress大学
WordPress大学
博客园 - 【当耐特】
博客园 - 司徒正美
D
Docker

博客园 - kingboy

miniSipServer简单而不简单,轻松落地,实现电脑对固话、手机通讯 sql 去重 C# 获取客户端信息 /asp.net/WebService/WebForm C#防止WebBrowser在新窗口中打开链接页面 常用sql语句 sql 复制表 获得 DataSet中的记录总数 MySQL安装的图解 sql 按日期查询 C#中的日期函数使用大全 火车座位分布图 javascript页面跳转常用代码 GridView 自定义分页 GridView加ObjectDataSource做删除事件(ObjectDataSourceStatusEventHandler 委托) GridView日期格式模版列使用方法 (转) 非常酷的三级下拉菜单!!(javascript) JavaScript 强行弹出窗口 与 无提示关闭页面 sql事务处理(转) o(∩_∩)o...哈哈 在博客园安家了!!
首页头部下拉广告设计(javascript)
kingboy · 2008-01-17 · via 博客园 - kingboy

加在Head中

<script type="text/javascript" language="javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 330//广告最大高度
this.minHeigth=nMinHth || 1;
this.state=sState || "down" ;
var obj = document.getElementById(id);
if(intervalId != null)window.clearInterval(intervalId);
function openBox(){
 
var h = obj.offsetHeight;
 obj.style.height 
= ((this.state == "down"? (h +5 ) : (h - 5))+"px";
 
if(obj.offsetHeight>this.maxHeigth){
 window.clearInterval(intervalId);
 intervalId
=window.setInterval(closeBox,this.stayTime);
 }

 
if (obj.offsetHeight<this.minHeigth){
 window.clearInterval(intervalId);
 obj.style.display
="none";
 }

}

function closeBox(){
 slideAd(id,
this.stayTime,"up",nMaxHth,nMinHth);
}

intervalId 
= window.setInterval(openBox,2);
}

</script>

加在Body下面

<div id="slideAD" style="overflow: hidden; height: 0; padding-left:10px; width:985px"><div id="hd"><img src="/img/close.gif" alt="关闭" onclick="slideAd('slideAD',5,'up');return false;"/></div>
<div align="center">这里插入相应的图片或flash</script></div>
</div>

设置当页面完全加载之后执行,10MS 检测一次

<script type="text/javascript">

  
<!--   
  
function   chk(){   
  (
this.document.readyState=="complete")?slideAd('slideAD',8):setTimeout('chk()',10);   
  }
   
  chk();   
  
//-->   


</script>