JS大画幅遮屏广告代码

2024-09-05 12:22:35

字体：大中小

来源：转载

供稿：网友

大画幅遮屏广告，基于JS技术实现，在一些大网站像新浪、网易经常会看到这种广告效果，一天的广告费相当不扉，打开网页后慢慢展开，停留几秒后自动折叠，用做大屏图片广告很不错。

<!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=utf-8" /><title>滑幅广告</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;"><img src="http://www.aspku.com/jscss/demoimg/200903/982331.gif" border="0" /></div>        <script type="text/javascript">         </script> <table width="100%"  border="0" cellspacing="0" cellpadding="0"  id="jueban" style="background:red;display: "><tr><td height=""><img src="http://www.aspku.com/jscss/demoimg/200903/98230.gif" border="0"></td></tr></table></center></body></html>

上一篇：跳球广告代码（类似漂浮广告）

下一篇：JS漂浮广告代码

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注