WEB开发网
开发学院网页设计JavaScript 带滑动特性的符合Web标准的全屏广告特效代码 阅读

带滑动特性的符合Web标准的全屏广告特效代码

 2010-09-14 13:05:27 来源:WEB开发网   
核心提示:带滑动性质的全屏广告特效,设置一定时间可以自动关闭,带滑动特性的符合Web标准的全屏广告特效代码,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

带滑动性质的全屏广告特效,设置一定时间可以自动关闭。

<!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>滑动全屏广告ddvip.com</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="" width="778" height="300" alt="广告内容ddvip.com" 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;">滑动全屏广告ddvip.com</div>
</body>
</html>

Tags:滑动 特性 符合

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接