用jQuery扩展自写的 UI导航
2016-02-19 14:20
今天图老师小编给大家介绍下用jQuery扩展自写的 UI导航，平时喜欢用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)），小有成就感一把！
