知识大全 滑动展开/收缩广告代码实例效果

Posted 广告

篇首语：生活只有在平淡无味的人看来才是空虚而平淡无味的。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 滑动展开/收缩广告代码实例效果相关的知识，希望对你有一定的参考价值。

功能说明:滑动展开/收缩广告效果 可指定 广告完全展开时的停留时间 最大高度兼容浏览器 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>&nbsp;&nbsp;&nbsp;请刷新页面 再次观看演示效果</p> <script type= text/javascript >  <!  slideAd( MyMoveAd ); > </script> </body> </> cha138/Article/program/Java/Javascript/201311/25276

相关参考

知识大全 jquery 滑动选项卡实例效果代码

多国外网站抓下来的jquery滑动选项卡代码我们一步步告诉你如何制作出如此漂亮的tab选项卡的切换代码<!多国外<xmlns=""dir="ltr"><head>&nbs

知识大全 javascript实现TreeView 无刷新展开的实例代码

javascript实现TreeView无刷新展开的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看

知识大全 js展开闭合效果演示代码

本文为大家介绍下js如何实现展开闭合效果具体代码如下感兴趣的朋友可以参考下哈希望对大家有所帮助 复制代码代码如下:<!DOCTYPEPUBLIC"//WC//DTDXHTMLTrans

知识大全 页面两侧对联广告代码效果

　　现在很多网站广告做的如火如荼现在我就来介绍一下常见的对联浮动广告效果的代码使用方法本文介绍的这种效果在*分辨率下正常显示在*的分辨率下可以自动隐藏以免遮住页面影响访问者浏览内容下面文本框中就是实现

知识大全 页面两侧对联广告(鼠标感应)代码效果

　　现在很多网站广告做的如火如荼现在我就来介绍一下常见的对联浮动广告效果的代码使用方法本文介绍的这种效果在*分辨率下正常显示在*的分辨率下可以自动隐藏以免遮住页面影响访问者浏览内容而且与前面一个代码不

知识大全 页面两侧对联广告(允许关闭)代码效果

　　现在很多网站广告做的如火如荼现在我就来介绍一下常见的对联浮动广告效果的代码使用方法本文介绍的这种效果在*分辨率下正常显示在*的分辨率下可以自动隐藏以免遮住页面影响访问者浏览内容而且与前面两个代码不

知识大全 一个封装js代码-----展开收起效果示例

　　第一次靠自己完整的封装的小特效有点小小的兴奋和大家分享下希望能对和我一样在探索的童鞋们有点帮助js部分复制代码代码如下:varshow_obj=function(objatob)$(obj)bin

知识大全 jQuery实现表头固定效果的实例代码

jQuery实现表头固定效果的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　一新建一j

知识大全 Jquery同辈元素选中/未选中效果的实例代码

Jquery同辈元素选中/未选中效果的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！这篇文

知识大全 jQuery表单获取和失去焦点输入框提示效果的实例代码

jQuery表单获取和失去焦点输入框提示效果的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧