sam*_*old 0 javascript navigation jquery jquery-plugins
我正在尝试理解http://www.canadastartup.com/这里菜单背后的javascript .他们使用插件吗?是否有一个插件(最好基于jquery)可以产生类似的效果?
html看起来像这样:
<ul class="nav sf-js-enabled">
<li><a href="">Home</a></li>
<li class="page_item page-item-61 current_page_item selectedLava">
<a title="" href="">About us</a>
</li>
<li class="page_item page-item-38"><a title="" href="">Marketing Services</a></li>
<li class="page_item page-item-47"><a title="" href="">Sales Services</a></li>
<li class="page_item page-item-31"><a title="" href="">Business Services</a></li>
<li class="page_item page-item-67"><a title="" href="">Contact us</a></li>
<li class="backLava"
style="left: 67px; top: 83px; width: 70px; height: 32px; overflow: hidden;">
<div class="leftLava"></div>
<div class="bottomLava"></div>
<div class="cornerLava"></div>
</li>
</ul> <!-- end ul.nav -->
Run Code Online (Sandbox Code Playgroud)
看起来他们正在使用超级鱼
jQuery('ul.nav').superfish({
delay: 200, // one second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
speed: 'fast', // faster animation speed
autoArrows: true, // disable generation of arrow mark-up
dropShadows: false // disable drop shadows
});
Run Code Online (Sandbox Code Playgroud)
虽然可能有更多的东西,但看起来围绕源的第162行