用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)），小有成就感一把！
相关文章
在本教程中，我将告诉你如何使用一些常见的形式领域jquery.maxlength.js2011-09-09
测试代码如下,本例子中设置的着色比较多，哈，都是随便输些数字进去的，感觉这样更容易让大家看到效果，呵，如果我的讲的有哪不好麻烦大家多留言教导下^^2009-07-07
这篇文章主要为大家详细介绍了jquery实现掷骰子小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
一些常用的验证脚本2010-07-07
通过Jquery的Ajax方法读取将table转换为Json
这篇文章主要介绍了通过Jquery的Ajax方法读取将table转换为Json,需要的朋友可以参考下2014-05-05
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
这篇文章主要介绍了jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效,效果非常的棒，而且兼容性也很好，推荐给小伙伴们2015-04-04
这篇文章主要介绍了通过jquery实现tab标签浏览效果2007-02-02
这里给大家推荐几款比较好用实用易用的jQuery带箭头提示框tooltips插件，兼容性都很不错，大家根据需要自由选择吧2014-11-11
这篇文章主要介绍了jQuery知识点整理的相关资料,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery之DOM对象和jQuery对象的转换与区别分析,对比分析了DOM对象和jQuery对象的原理与用法,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
最新评论