用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（）;
                }
            ）;
        }）;
    }
}）;

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