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



相关阅读:
WebEditor网页制作新客
SQL Server与Oracle数据库事务处理横向对比
十天学会php之第二天
揪出Windows系统启动过程中的隐藏进程
第11天:不用表格的菜单
有关js的变量作用域和this指针的讨论
将RTF格式的文件转成HTML并在网页中显示的代码
在 SQLSERVER 中快速有条件删除海量数据
永不消失的title提示代码
CSS:浏览器特定选择器介绍
PHP代码:验证IPV6地址是否合法的正则
两种php调用Java对象的方法
在存储过程中拥有“role”权限的特殊性
如何安装linux系统
快速导航

Copyright © 2016 phpStudy |