模板无忧 > 网页特效 > 浏览器特效类 >

带滑动特性的符合Web标准的全屏广告特效代码-浏览器特效类

来源:模板无忧作者:佚名更新时间:2008-02-17 点击:

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

<!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>滑动全屏广告mb5u.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=\"left\"><a href=\"#\"><img name=\"AD\" src=\"\" width=\"778\" height=\"300\" alt=\"广告内容mb5u.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:left; padding:3px;\">滑动全屏广告mb5u.com</div> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

带滑动特性的符合Web标准的全屏广告特效代码-浏览器特效类

最新浏览器特效类

推荐浏览器特效类