源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

用jQuery扩展自写的 UI导航

  • 时间:2021-10-12 19:43 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:用jQuery扩展自写的 UI导航
[u]复制代码[/u] 代码如下:
(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);
上面是直接定义属性。下面是种常见的方法:
[u]复制代码[/u] 代码如下:
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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部