|
功能说明: 滑动展开/收缩广告效果可指定广告完全展开时的停留时间最大高度 兼容浏览器 IE+FF+Opera+ 实例代码 <!doctypehtmlpublic//WC//DTDXHTMLTransitional//ENtransitionaldtd> <htmlxmlns=lang=gb> <head> <title>代码实例滑动展开/收缩广告</title> <metahttpequiv=contenttypecontent=text/html;charset=gb/> <metaname=authorcontent=枫巖> <metaname=keywordscontent=代码实例滑动展开/收缩广告/> <scripttype=text/javascript> varintervalId=null; functionslideAd(idnStayTimesStatenMaxHthnMinHth){ thisstayTime=nStayTime*||; thismaxHeigth=nMaxHth||; thisminHeigth=nMinHth||; thisstate=sState||down; varobj=documentgetElementById(id); if(intervalId!=null)windowclearInterval(intervalId); functionopenBox(){ varh=objoffsetHeight; objstyleheight=((thisstate==down)?(h+):(h))+px; if(objoffsetHeight>thismaxHeigth){ windowclearInterval(intervalId); intervalId=windowsetInterval(closeBoxthisstayTime); } if(objoffsetHeight<thisminHeigth){ windowclearInterval(intervalId); objstyledisplay=none; } } functioncloseBox(){ slideAd(idthisstayTimeupnMaxHthnMinHth); } intervalId=windowsetInterval(openBox); } </script> </head> <body> <divid=MyMoveAd> <ul> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> <li>这里是广告内内容</li> </ul> </div> <p>代码实例<strong>滑动展开/收缩广告</strong> 请刷新页面再次观看演示效果</p> <scripttype=text/javascript> <! slideAd(MyMoveAd); > </script> </body> </html> |
