網(wǎng)頁(yè)特效代碼模板無(wú)憂>網(wǎng)頁(yè)特效>菜單導(dǎo)航特效代碼>

從百度扒下來(lái)的Js豎直伸縮菜單_菜單導(dǎo)航特效

這個(gè)菜單是從百度推廣扒下來(lái)的，去掉了CSS文件，僅保留核心的Js動(dòng)作，點(diǎn)擊每一項(xiàng)的標(biāo)題，可展開(kāi)二級(jí)的子項(xiàng)菜單，想用的朋友自己添加樣式，這樣更能符合你網(wǎng)站的主題。

<title>從百度扒下來(lái)的豎直伸縮菜單-m.ghpqjb.com</title>
<div class="menu" id="MenuContainer">
<h4 nodeid="390">新手入門(mén)</h4>
<div  style="display:none"  id="submenu_390">
<p><a href="#">關(guān)于百度搜索推廣</a></p>
<p><a href="#">賬戶注冊(cè)</a></p>
<p><a href="#5">快速上手</a></p>
</div>

<h4 nodeid="397">推廣制作</h4>
<div  style="display:none"  id="submenu_397">
<p><a href="#">設(shè)置匹配方式</a></p>
<p><a href="#">撰寫(xiě)創(chuàng)意</a></p>
<p><a href="#">設(shè)置URL</a></p>
</div>

<h4 nodeid="436">推廣投放</h4>
<div  style="display:none"  id="submenu_436">
<p><a href="#">點(diǎn)擊過(guò)濾</a></p>
<p><a href="#">質(zhì)量度</a></p>
<p><a href="#">關(guān)鍵詞匹配</a></p>
<p><a href="#">創(chuàng)意展現(xiàn)方式</a></p>
</div>

<h4 nodeid="506">效果評(píng)估</h4>
<div  style="display:none"  id="submenu_506">
<p><a href="#">推廣效果</a></p>
<p><a href="#6">百度Bridge</a></p>
</div>

<h4 nodeid="520">增值產(chǎn)品</h4>
<div  style="display:none"  id="submenu_520">
<p><a href="#1">百度推廣助手</a></p>
<p><a href="#">營(yíng)銷(xiāo)中心</a></p>
</div>

<h4 class="expand" nodeid="3936">關(guān)注焦點(diǎn)</h4>
<div  style="display:none"  id="submenu_3936">
<p><a href="#7">推廣專(zhuān)題</a></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>

所屬頻道：菜單導(dǎo)航特效/更新時(shí)間：2012-11-23

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)菜單導(dǎo)航特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

從百度扒下來(lái)的Js豎直伸縮菜單_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些