用jQuery扩展自写的 UI导航


Posted in Javascript onJanuary 13, 2010
(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)),小有成就感一把!
Javascript 相关文章推荐
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
Oct 21 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
javascript实现网页字符定位的方法
Jul 14 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
Feb 25 Javascript
全面解析bootstrap格子布局
May 22 Javascript
javascript中数组的常用算法深入分析
Mar 12 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
vue中的过滤器及其时间格式化问题
Apr 09 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
Nov 07 Javascript
jQuery的一些特性和用法整理小结
Jan 13 #Javascript
JavaScript关于select的相关操作说明
Jan 13 #Javascript
海量经典的jQuery插件集合
Jan 12 #Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 #Javascript
jquery下操作HTML控件的实现代码
Jan 12 #Javascript
jquery插件 cluetip 关键词注释
Jan 12 #Javascript
Javascript 实现TreeView CheckBox全选效果
Jan 11 #Javascript
You might like
PHP+MySQL5.0中文乱码解决方法
2006/11/20 PHP
PHP_MySQL教程-第一天
2007/03/18 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
php图片合成方法(多张图片合成一张)
2017/11/25 PHP
Javascript中的方法链(Method Chaining)介绍
2015/03/15 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
js实现的星星评分功能函数
2015/12/09 Javascript
动态创建按钮的JavaScript代码
2016/01/29 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
2017/04/13 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
node实现定时发送邮件的示例代码
2017/08/26 Javascript
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
解决layui富文本编辑器图片上传无法回显的问题
2019/09/18 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
JavaScript实现网页跨年倒计时
2020/12/02 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
python实现通过shelve修改对象实例
2014/09/26 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
Python 实现微信自动回复的方法
2020/09/11 Python
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
葡萄牙鞋子品牌:Fair
2016/12/10 全球购物
天巡全球:Skyscanner Global
2017/06/20 全球购物
车间核算员岗位职责
2014/07/01 职场文书
恰同学少年观后感
2015/06/08 职场文书