Js 竖直伸缩菜单(百度)

<title>从百度扒下来的竖直伸缩菜单-www.glzy8.com</title> 
<div class="menu" id="MenuContainer"> 
<h4 nodeid="390">新手入门</h4> 
<div style="display:none" id="submenu_390"> 
<p><a href="#" _ewebeditor_ta_href="%23">关于百度搜索推广</a></p> 
<p><a href="#" _ewebeditor_ta_href="%23">账户注册</a></p> 
<p><a href="#5" _ewebeditor_ta_href="%235">快速上手</a></p> 
</div>

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

<h4 nodeid="436">推广投放</h4> 
<div style="display:none" id="submenu_436"> 
<p><a href="#" _ewebeditor_ta_href="%23">点击过滤</a></p> 
<p><a href="#" _ewebeditor_ta_href="%23">质量度</a></p> 
<p><a href="#" _ewebeditor_ta_href="%23">关键词匹配</a></p> 
<p><a href="#" _ewebeditor_ta_href="%23">创意展现方式</a></p> 
</div>

<h4 nodeid="506">效果评估</h4> 
<div style="display:none" id="submenu_506"> 
<p><a href="#" _ewebeditor_ta_href="%23">推广效果</a></p> 
<p><a href="#6" _ewebeditor_ta_href="%236">百度Bridge</a></p> 
</div>

<h4 nodeid="520">增值产品</h4> 
<div style="display:none" id="submenu_520"> 
<p><a href="#1" _ewebeditor_ta_href="%231">百度推广助手</a></p> 
<p><a href="#" _ewebeditor_ta_href="%23">营销中心</a></p> 
</div>

</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20MENU_ID%3D%22MenuContainer%22%3Bvar%20MENU_LINK_PREFIX%3D%22.%2F%3Fmodule%3Ddefault%26controller%3Dindex%26action%3Dnode%26nodeid%3D%22%3Bvar%20SUB_ITEM_HEIGHT%3D27%3Bfunction%20G(A)%7Breturn%20document.getElementById(A)%7Dvar%20menuOnshow%3Bfunction%20initMenu()%7Btry%7Bif(window.ActiveXObject%26%26!window.isopera)%7Bdocument.execCommand(%22BackgroundImageCache%22%2Cfalse%2Ctrue)%7D%7Dcatch(F)%7B%7Dvar%20C%3DG(MENU_ID).getElementsByTagName(%22h4%22)%3Bfor(var%20D%3D0%2CB%3DC.length%3BD%3CB%3BD%2B%2B)%7Bvar%20E%3DC%5BD%5D%3Bif(E.className!%3D%22current%22)%7BE.onclick%3DmenuClickHandler%7Dif(E.className%3D%3D%22expand%22)%7Bvar%20A%3DgetMenuContainer(E)%3Bif(A.getElementsByTagName(%22p%22).length%3E0)%7BmenuOnshow%3DE%3BA.style.display%3D%22%22%7D%7D%7D%7Dfunction%20getMenuContainer(B)%7Bvar%20A%3DB.nextSibling%3Bwhile(A.nodeType!%3D1)%7BA%3DA.nextSibling%7Dreturn%20A%7Dfunction%20menuClickHandler(I)%7Bif(isOnTweening)%7Breturn%20%7Dvar%20D%3DgetMenuContainer(this)%3Bvar%20C%3DD.getElementsByTagName(%22p%22).length%3Bif(C%3C%3D0)%7Btop.location%3DMENU_LINK_PREFIX%2Bthis.getAttribute(%22nodeid%22)%3Breturn%20%7Dif(this!%3DmenuOnshow)%7Bvar%20B%3Bvar%20E%3DG(MENU_ID).getElementsByTagName(%22h4%22)%3Bfor(var%20F%3D0%2CA%3DE.length%3BF%3CA%3BF%2B%2B)%7Bvar%20H%3DE%5BF%5D%3Bif(H.className%3D%3D%22expand%22%26%26getMenuContainer(H).getElementsByTagName(%22p%22).length%3E0)%7BB%3DH%3Bbreak%7D%7DmenuOnshow%3Dthis%3Bif(B)%7BQueue.add(showSubMenu%2Cthis)%7Delse%7BQueue.add(showSubMenu%2Cthis)%7D%7Delse%7BQueue.add(hideSubMenu%2Cthis)%3BmenuOnshow%3Dnull%7DQueue.trigRun()%7Dfunction%20showSubMenu(C)%7Bvar%20B%3DC.nextSibling%3Bwhile(B.nodeType!%3D1)%7BB%3DB.nextSibling%7Dif(B.style.display!%3D%22none%22)%7Breturn%20%7Dvar%20A%3DB.getElementsByTagName(%22p%22).length%3Bvar%20D%3DA*SUB_ITEM_HEIGHT%3BC.className%3D%22expand%22%3Btween(B%2C0%2CD)%7Dfunction%20hideSubMenu(B)%7Bvar%20A%3DB.nextSibling%3Bwhile(A.nodeType!%3D1)%7BA%3DA.nextSibling%7Dif(A.style.display%3D%3D%22none%22)%7Breturn%20%7Dvar%20C%3DA.offsetHeight%3BB.className%3D%22%22%3Btween(A%2CC%2C0)%7Dvar%20Queue%3D%7Blist%3A%5B%5D%2Cadd%3Afunction(A%2CB)%7BQueue.list.push(%7Bfn%3AA%2Ctar%3AB%7D)%7D%2CtrigRun%3Afunction()%7Bvar%20A%3DQueue.list.shift()%3Bif(A)%7BonTweenFinished%3DQueue.trigRun%3BA.fn(A.tar)%7D%7D%7D%3Bvar%20tweenCurrentStep%2CtweenEl%2CtweenBegin%2CtweenEnd%2CtweenOffset%2CtweenInterval%3Bvar%20tweenStep%3D5%2CisOnTweening%3D0%3Bvar%20onTweenFinished%3Bfunction%20tween(C%2CB%2CA)%7Bif(isOnTweening)%7Breturn%20%7DtweenEl%3DC%3BtweenBegin%3DB%3BtweenEnd%3DA%3BtweenOffset%3DA-B%3BtweenCurrentStep%3D0%3BtweenEl.style.display%3D%22%22%3BtweenEl.style.height%3DtweenBegin%2B%22px%22%3BisOnTweening%3D1%3BtweenInterval%3DsetInterval(onTweenStep%2C10)%7Dfunction%20onTweenStep()%7BtweenCurrentStep%2B%2B%3Bif(tweenStep%3C%3DtweenCurrentStep)%7BafterTween()%3Breturn%20%7Dvar%20A%3DMath.floor(tweenOffset*easeOut(tweenCurrentStep%2CtweenStep))%3BtweenEl.style.height%3DtweenBegin%2BA%2B%22px%22%7Dfunction%20afterTween()%7BtweenEl.style.height%3D%22%22%3Bif(tweenEnd%3D%3D0)%7BtweenEl.style.display%3D%22none%22%7DclearInterval(tweenInterval)%3BtweenInterval%3Dnull%3BtweenEl%3Dnull%3BisOnTweening%3D0%3Bif(onTweenFinished)%7Bvar%20A%3DonTweenFinished%3BonTweenFinished%3Dnull%3BA()%7D%7Dfunction%20easeOut(A%2CB)%7Bvar%20C%3DA%2FB%3Breturn%20-C*(C-2)%7DinitMenu()%3B%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程