当前位置: 首页 > 实例教程 > 脚本特效 > 动态内容 > 自动隐藏的广告框效果

动态内容
文字/图片自动播放脚本
顶置浮动内容条
内容前后翻页
内容折叠效果
可滚动内容
固定中间渐变提示效果
垂片切换内容
垂片图片内容切换
模拟分页效果
自动隐藏的广告框效果

动态内容 中的 自动隐藏的广告框效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-07-27   浏览: 448 ::
收藏到网摘: n/a

广告框效果 - 软晨网(RuanChen.com)

第一步:在head区域中加入以下代码

<style type="text/css"> </style> <script type="text/javascript"> /****************************************** * DHTML Ad Box (By Matt Gabbert at http://www.nolag.com) * Visit http://www.dynamicdrive.com/ for full script * This notice must stay intact for use ******************************************/ adTime=10; // seconds ad reminder is shown chanceAd=1; // ad will be shown 1 in X times (put 1 for everytime) var ns=(document.layers); var ie=(document.all); var w3=(document.getElementById && !ie); var calunit=ns? "" : "px" adCount=0; function initAd(){ if(!ns && !ie && !w3) return; if(ie) adDiv=eval('document.all.sponsorAdDiv.style'); else if(ns) adDiv=eval('document.layers["sponsorAdDiv"]'); else if(w3) adDiv=eval('document.getElementById("sponsorAdDiv").style'); randAd=Math.ceil(Math.random()*chanceAd); if (ie||w3) adDiv.visibility="visible"; else adDiv.visibility ="show"; if(randAd==1) showAd(); } function showAd(){ if(adCount<adTime*10){adCount+=1; if (ie){documentWidth =truebody().offsetWidth/2+truebody().scrollLeft-20; documentHeight =truebody().offsetHeight/2+truebody().scrollTop-20;} else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20; documentHeight=window.innerHeight/2+window.pageYOffset-20;} else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20; documentHeight=self.innerHeight/2+window.pageYOffset-20;} adDiv.left=documentWidth-200+calunit;adDiv.top =documentHeight-200+calunit; setTimeout("showAd()",100);}else closeAd(); } function closeAd(){ if (ie||w3) adDiv.display="none"; else adDiv.visibility ="hide"; } function truebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } onload=initAd; //End--> </script>

第二步:在BODY的最底部加入

<div id="sponsorAdDiv" style="visibility:hidden"> <table width="450px" height="350px" bgcolor="#008000"><tr><td> <table width="445px" height="345px" bgcolor="#F0FFF0"><tr><td align="center" valign="middle"> <A HREF="http://www.amazon.com/exec/obidos/redirect-home/wa0c?tag-id=wa0c&placement=home-btn-100x70.gif&site=amazon"> <IMG SRC="http://www.associmg.com/assoc/us/home-btn-100x70.gif?tag-id=wa0c"></A><p><b>Please take time to show your support<br> for this site by visiting one<br> of our sponsors during this<br> brief intermission.</b> </p> <p><A HREF="http://www.amazon.com/exec/obidos/redirect-home/wa0c?tag-id=wa0c&placement=home-logo-130x60b.gif&site=amazon"> <IMG SRC="http://www.associmg.com/assoc/us/home-logo-130x60b.gif?tag-id=wa0c"></A></p> <p>(This announcement will close shortly) <br> </td></tr></table></td></tr></table> </div>

评论 (0) All

登陆 | 还没注册?