爱学记
您现在的位置是：首页
>
js实现点击后展开和收缩 滑动展开/收缩广告代码实例效果
滑动展开/收缩广告代码实例效果 功能说明:滑动展开/收缩广告效果 可指定 广告完全展开时的停留时间 最大高度兼容浏览器 IE + FF + O era +实例代码 lt !docty e u lic
滑动展开/收缩广告代码实例效果
功能说明:滑动展开/收缩广告效果 可指定 广告完全展开时的停留时间 最大高度兼容浏览器 IE + FF + Opera +实例代码 <!doctype public //W C//DTD XHTML Transitional//EN transitional dtd > < xmlns= lang= gb > <head> <title> 代码实例 滑动展开/收缩广告 </title> <meta equiv= content type content= text/; charset=gb /> <meta name= author content= 枫巖 > <meta name= keywords content= 代码实例 滑动展开/收缩广告 /> <script type= text/javascript > var intervalId = null; function slideAd(id nStayTime sState nMaxHth nMinHth){ this stayTime=nStayTime* || ; this maxHeigth=nMaxHth || ; this minHeigth=nMinHth || ; 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 + ) : (h ))+ 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 ); } </script> </head> <body > <div id= 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> <script type= text/javascript > <! slideAd( MyMoveAd ); > </script> </body> </> lishixinzhi/Article/program/Java/Javascript/201311/25276
很赞哦！ (1038)
微信收款码
支付宝收款码