复制代码 代码如下: (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)），小有成就感一把！

　　推荐阅读

　　20个非常有用的PHP类库 加速php开发

图表库 下面的类库可以让你很简的创建复杂的图表和图片。当然，它们需要GD库的支持。 pChart - 一个可以创建统计图的库。 Libchart - 这也是一个简单的统计图库。 JpGraph - 一个面向对象的图片创建类。 Open Fl>>>详细阅读

本文标题：用jQuery扩展自写的 UI导航

地址：http://www.17bianji.com/kaifa2/JS/27237.html

 1/2    1