带滑动性质的全屏广告特效，设置一定时间可以自动关闭。
\n
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>滑动全屏广告 设计家园</title>
<script type=”text/javascript” language=”javascript”>
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 300; //广告最大高度
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>
</head>
<body>
<div id=”slideAD” style=”overflow: hidden; height: 0″>
<div align=”center”><a href=”#”><img name=”AD” src=”http://www.dwww.cn/images/logo1.gif” width=”778″ height=”300″ alt=”广告内容 设计家园” style=”background-color: #FF6600; border:0;” /></a></div>
</div>
<script type=”text/javascript”>
slideAd(‘slideAD’,5);
</script>
<div style=”background-color:#0CF; border-top:2px #3399CC solid; font-size:12px; text-align:center; padding:3px;”>滑动全屏广告 设计家园</div>
</body>
</html>