网页顶部弹出伸缩横幅广告js代码-网页编程网

当前位置：主页 >> 网页特效 >> 正文

网页顶部弹出伸缩横幅广告js代码

阅读：4175 输入：2016-11-22 09:19:38

<html>
<head>
<meta name="Generator" content="NO" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页顶部伸缩广告js代码</title>
</head>
<body>
<center>
<script type="text/javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
  this.stayTime=nStayTime*1000 || 3000;
  this.maxHeigth=nMaxHth || 330;
  this.minHeigth=nMinHth || 2.5;
  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 + 2) : (h - 2))+"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,30);
}
</script>
<div id="MyMoveAd" style="background:#ff0000;height:12px;overflow:hidden;">
<a href="" target="_blank"><img src="/ad/1.gif" border="0" /></a>
</div>
<script type="text/javascript">
 
</script>
<table width="100%"  border="0" cellspacing="0" cellpadding="0"  id="jueban" style="background:red;display: ">
<tr><td height=""><a href="" target="_blank">
<img src="/ad/2.gif" border="0"></a></td></tr></table>
</center>
</body>
</html>

相关阅读: 点击网页任何位置，只弹一次; js制作网页版烟花绽放特效; 当前网面在线测试并返回结果