脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery UI导航

用jQuery扩展自写的 UI导航

 更新时间：2010年01月13日 22:58:04   作者：  
目前试了 jQuery 扩展的编写有两种。
复制代码 代码如下:

(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();
                }
            );
        });
    }
});

调用测试下：
$.navs();
两年前的野心今天终于实现了（噢，这是导航，不是页签(tabs)），小有成就感一把！
您可能感兴趣的文章:

相关文章

最新评论