用jQuery扩展自写的 UI导航

200 阅读 0 评论 132 点赞

我是靠谱客的博主热心雨，这篇文章主要介绍用jQuery扩展自写的 UI导航，现在分享给大家，希望可以做个参考。

复制代码代码如下:

 
(function($){ 
    $.navs=function(){ 
        return $('#top_menu_bar > li').each(function(){ 
            $(this).hover( 
                function(){ 
                    $(this).find('ul:eq(0)').show(); 
                }, 
                function(){ 
                    $(this).find('ul:eq(0)').hide(); 
                } 
            ); 
        }); 
    }; 
})(jQuery); 

上面是直接定义属性。下面是种常见的方法：

复制代码代码如下:

 
jQuery.extend({ 
    navs:function(){ 
        return $('#top_menu_bar > li').each(function(){ 
            $(this).hover( 
                function(){ 
                    $(this).find('ul:eq(0)').show(); 
                }, 
                function(){ 
                    $(this).find('ul:eq(0)').hide(); 
                } 
            ); 
        }); 
    } 
}); 