繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用jQuery扩展自写的 UI导航
- Javascript
- javascript表单之间的数据传递
- 当层遇到select下拉框时的解决方法
- showModalDialog和showModelessDialog使用心得
- JavaScript技巧:让网页自动穿上外套
- 一个非常强大完整的web表单验证程序
- JavaScript实用技巧集锦
- js控制excel打印完美解决方案
- 使用Javascript制作声音按钮
- 利用 PHP 将 HTML 转化为 WML
- Javascript经典正则表达式
- 新闻内页-JS分页
- 鼠标划过时整行变色
- 用 或 || 来兼容FireFox
- JS代码的格式化和压缩
- 动态加载iframe
- html下载本地
- 强制设为首页代码
- 超强图片数量上传无限制
- document 和 document.all 分别什么时候用
- javascript 动态添加表格行
Javascript 中的 用jQuery扩展自写的 UI导航
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-20 浏览: 81 ::
收藏到网摘: n/a
目前试了 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)），小有成就感一把！
评论 (0) All
