<script language="javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
setCookies(); //设置Cookies值
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 418;
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 + 3) : (h - 3))+"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,10);
}
slideAd('MyMoveAd',10); //10是显示的时间,单位为:秒
</script>
页面代码:
<%--宽屏广告--%>
<div id="MyMoveAd" style="background:#b50a0a; height:0; overflow:hidden;width:100%;">
<a href="Ad.aspx" target="_blank" style="display:block; width:800px; height:418px; margin:0 auto; border:1px solid #f00; border-bottom:none; border-
top:none;">
<img alt="广告" src="ad.jpg"/>
</a>
</div>
<%--宽屏广告结束--%>
从浏览器顶部慢慢往下展开广告,然后慢慢缩上.