通过jQuery制作精美的滑动下拉菜单效果

You are here: Home → Continents → Europe

Size: 4Kb (or 2Kb minified)

Features:

Requires the mouse cursor to decelerate over the menu before activating, to prevent unintentional opening (jquery.event.hover)
Dynamic styling of clickstream (path of links are compared with path of the current URL) - optional
Possible to set widths on each list item and its drop down (see 'Oceans' for example)
Possible to individually style each list item and its drop down (see 'Planets' for example)
List items with no link behaviour (where href is "#") are disabled (see 'Oceans' for example)
Settings to control the duration (speed of drop down animation), and delay (before the drop down closes)
Select elements are hidden (IE6) - optional
Customisable Easing Effects
W3C-valid HTML and CSS

来源：coda　代码整理：懒之才　感谢：尾随辛苦

转载请注明出处，此代码仅供学习交流，请勿用于商业用途。