本文实例讲述了jQuery菜单插件用法。分享给大家供大家参考。具体如下：
这里要分享的是一个菜单插件，在http://plugins.jquery.com/keleyi/ 看到的，使用找个插件可以制作页面底部向上弹出的菜单，不一定在页底，还有多种其他方式。
"); var k_bar = $(this).parent(); k_bar.css({ "background-color": settings.bar_background_color,"height": settings.bar_height,"position": settings.bar_position,"bottom": settings.bar_bottom,"min-width": settings.width }); if (! -[1,] && !window.XMLHttpRequest) { if (k_bar.css("position") == "fixed") { ie6FixedBottom(k_bar,settings.bar_bottom); } } $(this).parent().append(""); $(this).find(">li").css({ "width": settings.item_width,"background-color": settings.item_background_color,"margin": settings.item_margin,"padding": "0px","white-space": "nowrap","height": "20px","float": "left","text-align": "center","display": "inline-block","position": "relative" }); $(this).find(">li a").css({ "color": "white","line-height": "20px","display": "block","font-size": "14px" }); if (settings.isAutoAddTriangle) $(this).find(">li").has('ul').find("a:first").append(""); $(this).find(">li").find("a:first").css({ "width": "100%","overflow": "hidden","color": settings.mainItem_color }); $(this).find(">li").find("b").css({ "border-color": ("transparent transparent " + settings.mainItem_color) }) $(this).find(">li ul").css({ "padding": "0px","list-style-type": "none","background-color": "transparent","position": "absolute","display": "none" }); $(this).find(">li").find("li a").css({ "color": settings.subItem_color }); $(this).find(">li>a").mouSEOver(function () { $(this).parent().css({ "background-color": settings.item_background_color_hover }); var k_ul = $(this).parent().find("ul"); if (k_ul.length < 1) return; k_ul.css({ "background-color": settings.item_background_color_hover,"top": $(this).parent().position().top - (k_ul.height()),"left": "0px","margin": "0px" }).show(); if (k_ul.width() < $(this).parent().width()) k_ul.width($(this).parent().width()); }); $(this).find(">li").mouseleave(function () { $(this).find("ul").hide(); $(this).css("background-color",settings.item_background_color); }); function ie6FixedBottom(fixedobj,bottommargin) { fixedobj.css({ "position": "absolute" }); var k_bm = new Number; k_bm = Number(bottommargin.substring(0,bottommargin.length - 2)); var obj = fixedobj[0]; function setStyleTop() { obj.style.top = document.documentElement.scrollTop + document.documentElement.clientHeight - obj.offsetHeight - (parseInt(obj.currentStyle.marginTop,0) || k_bm) - (parseInt(obj.currentStyle.marginBottom,0) || k_bm) } window.onscroll = function () { setStyleTop(); } window.onresize = function () { setStyleTop(); } } } } (jQuery));