用jQuery扩展自写的 UI导航

2016-02-19 14:20 2 1 收藏

今天图老师小编给大家介绍下用jQuery扩展自写的 UI导航,平时喜欢用jQuery扩展自写的 UI导航的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

代码如下:
(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)),小有成就感一把!

来源:http://www.tulaoshi.com/n/20160219/1606770.html

延伸阅读
标签: Web开发
基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种互动效果: 手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow) 第一部分:鼠标交互 1.1 Draggables:拖拽 所需文件: ...
王自健自曝离婚 6月9日早上,王自健发微博澄清所谓“第二班”的演出相关事宜与自己无关,还称“只能猜测应该是前妻组织的吧”,另外,他还晒出公司法人变更的截图,称自己并不知情。王自健的自曝内容,让不少网友非常意外,原来经常在脱口秀里调侃自己被老婆打的王自健,居然离婚了。 表示意愿 离婚协议书需要双方当事人的同意,...
标签: Web开发
例如:有一个employee对象, 代码如下: function employee(){ this.e_id = 0; this.e_name = ""; } 现在需要为它动态的新增"age"属性和"toString()"方法, 代码如下: var empObj = new employee(); empObj["age"] = 20; empObj["toString"] = function() { return this.e_id.toString() + this.e_name; }; 一行简...
标签: Web开发
Draggable 库文件:ui/ui.core.js、ui/ui.draggable.js ============================================================ Default: $(”#draggable”).draggable(); ============================================================ constrain-movement(限制范围移动): $(”#draggable”).draggable({ axis: ‘y' }); //限制y轴 $(”#dr...
很多时候想要设计漂亮的Android UI,使用Android自带的控件无法满足我们的需要就要考虑自绘控件,在Android界面显示类View,可以通过继承扩展重写相关方法来实现我们的图形绘制。 首先我们需要了解下View类的底层实现,在SDK中我们可以看到View直接继承于Java的基类Object,实现了图形绘制和按键事件 Drawable.Callback KeyEvent.Callba...

经验教程

242

收藏

62
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部