本文实例讲述了jquery实现无限分级横向导航菜单的方法。分享给大家供大家参考。具体实现方法如下：
代码如下:
");
var currentobj;
return $('li.hasmenu').hover(function(){
if ($.browser.msie) {//清除ie下生成的overflow:hidden
$(this).parent("ul").css({'overflow': 'visible'});
}
$(this).find(">ul").stop(true,true).css('top',$(this).height()).slideDown(configs.over);
},function(){
$(this).find(">ul").stop(true,true).slideUp(configs.out);
});
}
});
})(jQuery);
2. 样式代码
代码如下:
SEOver*/
color: white;
background: transparent url(blueactive.gif) center center repeat-x;
}
/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
}
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouSEOver */
background: #242c54;
}
3. HTML代码如下
代码如下:
