jQuery简洁下拉菜单导航
Single-level Drop Down Menu based on jQuery library. See the source.
vartimeout= 500;varclosetimer= 0;varddmenuitem= 0;functionjsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem=$(this).find('ul').eq(0).css('visibility','visible');}functionjsddm_close()
{if(ddmenuitem) ddmenuitem.css('visibility','hidden');}functionjsddm_timer()
{ closetimer=window.setTimeout(jsddm_close, timeout);}functionjsddm_canceltimer()
{if(closetimer)
{ window.clearTimeout(closetimer);
closetimer= null;}}
$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open);
$('#jsddm > li').bind('mouseout', jsddm_timer);});
document.οnclick=jsddm_close;
JavaScript- Drop Down Menu
- jQuery Plugin
- Ajax Navigation
- Slide Effect
- Fade Effect
- Opacity Mode
- Drop Shadow
- Semitransparent
- Slide Effect
- Fade Effect
- Opacity Mode
- Drop Shadow
- Slide Effect
- Opacity Mode
- Drop Shadow