Jquery中文网 > 脚本编程 > javascript > 正文 javascript 滑动展开/收缩广告代码

javascript 滑动展开/收缩广告代码

发布时间：2017-06-08 编辑：www.jquerycn.cn

jquery中文网为您提供javascript 滑动展开/收缩广告代码等资源，欢迎您收藏本站，我们将为您提供最新的javascript 滑动展开/收缩广告代码资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title> 代码实例：滑动展开/收缩广告 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="keywords" content="代码实例：滑动展开/收缩广告" /> <script type="text/javascript"> var intervalId = null; function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ stayTime=nStayTime*1000 || 3000; maxHeigth=nMaxHth || 90; minHeigth=nMinHth || 1; state=sState || "down" ; var obj = document.getElementById(id); if(intervalId != null)window.clearInterval(intervalId); function openBox(){ var h = obj.offsetHeight; obj.style.height = ((state == "down") ? (h 2) : (h - 2)) "px"; if(obj.offsetHeight>maxHeigth){ window.clearInterval(intervalId); intervalId=window.setInterval(closeBox,stayTime); } if (obj.offsetHeight<minHeigth){ window.clearInterval(intervalId); obj.style.display="none"; } } function closeBox(){ slideAd(id,stayTime,"up",nMaxHth,nMinHth); } intervalId = window.setInterval(openBox,10); } <ul> <li>这里是广告内内www.jquerycn.cn</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>

代码实例：滑动展开/收缩广告 请刷新页面，再次观看演示效果

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
javascript 滑动展开/收缩广告代码
 js特效之定时展开、收缩广告的代码
 浏览器打开层自动缓慢展开收缩实例代码
 如何配置H5的滚动条样式的代码
 HTML5单页面手势滑屏切换原理分析
 HTML5的深入了解
 Google Adsense 的教程
 Jquery 收缩展开效果的实现代码
 javascript与css打造圆角竖型滑动菜单代码
 html5 touch事件实现触屏页面上下滑动(一)

上一篇：js 下拉列表快速选择(可用快捷键字母) 下一篇：兼容IE和Firefox且可设置多个的漂浮广告

[关闭]

javascript 滑动展开/收缩广告代码

最近更新

浏览排行

javascript 滑动展开/收缩广告 代码

最近更新

浏览排行

javascript 滑动展开/收缩广告代码