用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 相关文章推荐
javascript (用setTimeout而非setInterval)
Dec 28 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
Jan 28 Javascript
简化版手机端照片预览组件
Apr 13 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
Nov 01 Javascript
Vue 同步异步存值取值实现案例
Aug 05 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
Dedecms常用函数解析
2008/02/01 PHP
php生成xml简单实例代码
2009/12/16 PHP
PHP的array_diff()函数在处理大数组时的效率问题
2011/11/27 PHP
选择PHP作为网站开发语言的原因分享
2012/01/03 PHP
PHP多文件上传类实例
2015/03/07 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
Jquery中dialog属性小记
2010/09/03 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
详解vue过滤器在v2.0版本用法
2017/06/01 Javascript
解决vue同一slot在组件中渲染多次的问题
2018/09/06 Javascript
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
Python的迭代器和生成器使用实例
2015/01/14 Python
Python2.7版os.path.isdir中文路径返回false的解决方法
2019/06/21 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
python实现电子书翻页小程序
2019/07/23 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
在pycharm中为项目导入anacodna环境的操作方法
2020/02/12 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
美国知名保健品网站:LuckyVitamin(支持中文)
2017/08/09 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
感恩节活动策划方案
2014/05/16 职场文书
初三语文教学计划
2015/01/22 职场文书
社区重阳节活动总结
2015/03/24 职场文书
2015年财政局工作总结
2015/05/21 职场文书
《玩出了名堂》教学反思
2016/02/17 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
React + Threejs + Swiper 实现全景图效果的完整代码
2021/06/28 Javascript