软件开发培训班 >> 编程开发 >> JavaScript

Js 竖直伸缩菜单(百度)

　　本文标签：竖直,伸缩菜单

<title>从百度扒下来的竖直伸缩菜单-www.jb51.net</title> 
<div class="menu" id="MenuContainer"> 
<h4 nodeid="390">新手入门</h4> 
<div style="display:none" id="submenu_390"> 
<p>关于百度搜索推广</P> 
<p>账户注册</P> 
<p>快速上手</P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/software/news/2019/11m80919.html"  target=_blank > 改变中国的9个手机软件，你下载了几个？ </a></td><td><a href="http://www.zhujiangroad.com/web/news/2020/7m81924.html"  target=_blank > 美团偷偷扣款引热议，APP这么渣，让我们今后怎么一起玩耍？ </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/edu/soft/69416.html"  target=_blank > 让Windows 7揪出每一个暗中运行程序 </a></td><td><a href="http://www.zhujiangroad.com/edu/soft/69385.html"  target=_blank > 怎么让win7更流畅 </a></td></tr></table></div> 
</div>

<h4 nodeid="397">推广制作</h4> 
<div style="display:none" id="submenu_397"> 
<p>设置匹配方式</P> 
<p>撰写创意</P> 
<p>设置URL</P> 
</div>

<h4 nodeid="436">推广投放</h4> 
<div style="display:none" id="submenu_436"> 
<p>点击过滤</P> 
<p>质量度</P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/oa/news/2022/5m85017.html"  target=_blank > 尴尬的智能投影仪：市场久未爆发，不少明星品牌撤退，近四成网友称“鸡肋”！ </a></td><td><a href="http://www.zhujiangroad.com/digi/news/2022/10m86308.html"  target=_blank > 尼康镜头最高拍卖价：Nikkor 58mm f/1.0拍出约130万元 </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/edu/soft/76319.html"  target=_blank > win7系统怎么分？DiskGenius工具快速实现win7分区教程 </a></td><td><a href="http://www.zhujiangroad.com/mobile/news/2019/12m81200.html"  target=_blank > 如果手机相机以现在的借口发展下去！这个样子你能接受么？ </a></td></tr></table></div> 
<p>关键词匹配</P> 
<p>创意展现方式</P> 
</div>

<h4 nodeid="506">效果评估</h4> 
<div style="display:none" id="submenu_506"> 
<p>推广效果</P> 
<p>百度Bridge</P> 
</div>

<h4 nodeid="515">持续优化</h4> 
<div style="display:none" id="submenu_515"> 
<p>网站优化</P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/software/news/2020/3m81310.html"  target=_blank > 微信重磅推出三大功能，马化腾终结停机时代！ </a></td><td><a href="http://www.zhujiangroad.com/software/news/2023/2m87142.html"  target=_blank > 微软都服！想要消灭Win7/8.1太难了 </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/web/news/2021/5m83255.html"  target=_blank > 为什么那么多App都想借钱给你？ </a></td><td><a href="http://www.zhujiangroad.com/hardware/news/2021/10a17550.html"  target=_blank > 装机不求人：电脑WiFi没了怎么办 </a></td></tr></table></div> 
</div>

<h4 nodeid="520">增值产品</h4> 
<div style="display:none" id="submenu_520"> 
<p>百度推广助手</P> 
<p>营销中心</P> 
</div>

</div> 
<script type="text/javascript"> 
var MENU_ID="MenuContainer";var MENU_LINK_PREFIX="./?module=default&controller=index&action=node&nodeid=";var SUB_ITEM_HEIGHT=27;function G(A){return document.getElementById(A)}var menuOnshow;function initMenu(){try{if(window.ActiveXObject&&!window.isopera){document.execCommand("BackgroundImageCache",false,true)}}catch(F){}var C=G(MENU_ID).getElementsByTagName("h4");for(var D=0,B=C.length;D<B;D++){var E=C[D];if(E.className!="current"){E.onclick=menuClickHandler}if(E.className=="expand"){var A=getMenuContainer(E);if(A.getElementsByTagName("p").length>0){menuOnshow=E;A.style.display=""}}}}function getMenuContainer(B){var A=B.nextSibling;while(A.nodeType!=1){A=A.nextSibling}return A}function menuClickHandler(I){if(isOnTweening){return }var D=getMenuContainer(this);var C=D.getElementsByTagName("p").length;if(C<=0){top.location=MENU_LINK_PREFIX+this.getAttribute("nodeid");return }if(this!=menuOnshow){var B;var E=G(MENU_ID).getElementsByTagName("h4");for(var F=0,A=E.length;F<A;F++){var H=E[F];if(H.className=="expand"&&getMenuContainer(H).getElementsByTagName("p").length>0){B=H;break}}menuOnshow=this;if(B){Queue.add(showSubMenu,this)}else{Queue.add(showSubMenu,this)}}else{Queue.add(hideSubMenu,this);menuOnshow=null}Queue.trigRun()}function showSubMenu(C){var B=C.nextSibling;while(B.nodeType!=1){B=B.nextSibling}if(B.style.display!="none"){return }var A=B.getElementsByTagName("p").length;var D=A*SUB_ITEM_HEIGHT;C.className="expand";tween(B,0,D)}function hideSubMenu(B){var A=B.nextSibling;while(A.nodeType!=1){A=A.nextSibling}if(A.style.display=="none"){return }var C=A.offsetHeight;B.className="";tween(A,C,0)}var Queue={list:[],add:function(A,B){Queue.list.push({fn:A,tar:B})},trigRun:function(){var A=Queue.list.shift();if(A){onTweenFinished=Queue.trigRun;A.fn(A.tar)}}};var tweenCurrentStep,tweenEl,tweenBegin,tweenEnd,tweenOffset,tweenInterval;var tweenStep=5,isOnTweening=0;var onTweenFinished;function tween(C,B,A){if(isOnTweening){return }tweenEl=C;tweenBegin=B;tweenEnd=A;tweenOffset=A-B;tweenCurrentStep=0;tweenEl.style.display="";tweenEl.style.height=tweenBegin+"px";isOnTweening=1;tweenInterval=setInterval(onTweenStep,10)}function onTweenStep(){tweenCurrentStep++;if(tweenStep<=tweenCurrentStep){afterTween();return }var A=Math.floor(tweenOffset*easeOut(tweenCurrentStep,tweenStep));tweenEl.style.height=tweenBegin+A+"px"}function afterTween(){tweenEl.style.height="";if(tweenEnd==0){tweenEl.style.display="none"}clearInterval(tweenInterval);tweenInterval=null;tweenEl=null;isOnTweening=0;if(onTweenFinished){var A=onTweenFinished;onTweenFinished=null;A()}}function easeOut(A,B){var C=A/B;return -C*(C-2)}initMenu(); 
</script>

技术文章快速查找

实现变速回到顶部的JavaScript代码

如何写一个通用的JavaScript效果库！(1/2)

jQuery帮助之CSS尺寸(五)outerHeight、outerWidth

提取jquery的ready()方法单独使用示例

jQuery 滑动方法slideDown向下滑动元素

鼠标跟随效果代码

强制设为首页代码

jquery 图片上传按比例预览插件集合

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建