用jquery做了个导航条的便捷功能

公司主要还是做一些企业站，导航条是必不可少的，首页，关于我们，产品介绍。。。。 设计做的时候一般都有鼠标移上去变背景，有时候有个下拉菜单，公司以前的就是用javascript  每个导航上onmouseover   onmouseout,每个下拉上也是，为了减少开发量就做个jquery的小功能

js代码

(function($){   
$.fn.extend({   
                MenuHoverLayerout1:function(opt,callback){

            var _obj=this;
            var _menuID=opt.menuID
            var _ArryWidth=opt.ArryWidth
            var _ArryLeft=opt.ArryLeft
            
            
            
            var i=1;
            $(_obj).each(function(){
                                  
                //取得导航按钮宽度                    
                var LiWidth=typeof(_ArryWidth[i-1])!='undefined'?_ArryWidth[i-1]:100;
                
                //漂浮居左距离
                var absLeft=typeof(_ArryLeft[i-1])!='undefined'?_ArryLeft[i-1]:0;
                                 
                $(this).css("text-align","left");//让漂浮层从居左 和 父元素对齐                
                $(this).width(LiWidth);//导航按钮宽度赋值                
                
                var classname="BiakeCss_Li"+i;//鼠标划过时的样式
                var classname1="BiakeCss_LiM"+i;//选中后 防止背景消失 再次加背景
                
                
                
                //对应栏目选中
                if(_menuID==i)
                {
                    $(this).addClass(classname);                    
                }
                
                
                //添加漂浮元素定位
                var absolute_p="<div class=\"Parent_absolute\"><div class=\"Child_absolute\"></div></div>";                    
                $(this).append(absolute_p)    
                
                $(this).find(".Child_absolute").width(LiWidth).css("left",absLeft);//设定漂浮层宽度和居左距离
                
                //漂浮层内容添加 从页面获取
                var absContent=$("#Biake_Absolute #Biake_abs"+i);
                $(absContent).appendTo($(this).find(".Child_absolute"));
                
                
    
                $(this).hover(function(){
                    $(this).addClass(classname1);
                    $(this).find(".Child_absolute").show();
                },function(){
                    $(this).removeClass(classname1);
                    $(this).find(".Child_absolute").hide();
                })                
                
                i++;
            })
        }        
})   
})(jQuery);

页面代码

<!--自定义导航-->
<div class="Menu">
    <ul>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
    </ul>
    <div id="Biake_Absolute">        
        <div id="Biake_abs2" class="Biake_Absolute"></div>
        <div id="Biake_abs3" class="Biake_Absolute"></div>

    </div>
</div> 
<script type="text/javascript">    
     $(".Menu li").MenuHoverLayerout1({

        menuID:2,//当前栏目ID
        ArryWidth:[95,106,105,105,104,108,107,105,108],//导航按钮宽度
        ArryLeft:[0,0,-20]//漂浮居左的距离,不写则默认为0
     
     });
</script>

 

js写法上有什么问题，欢迎大家指出~