这是1款基于jquery实现的分类下拉菜单,2种风格可选,鼠标点击下拉菜单或者鼠标滑过hover触发下拉菜单,调用非常简单。
<SCRIPT type=text/javascript> $(document).ready(function(){ //幻灯片元素与类“menu_body”段与类“menu_head”时点击 $("#firstpane .menu_body:eq(0)").show(); $("#firstpane p.menu_head").click(function(){ $(this).addClass("current").next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); $(this).siblings().removeClass("current"); }); //滑动与类“menu_body”的元素,当鼠标悬停段 $("#secondpane .menu_body:eq(0)").show(); $("#secondpane p.menu_head").mouseover(function(){ $(this).addClass("current").next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow"); $(this).siblings().removeClass("current"); }); }); </SCRIPT>