51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

用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)),小有成就感一把!


赞(0)
未经允许不得转载:工具盒子 » 用jQuery扩展自写的 UI导航