当前位置:首页 > 日记 > 正文

jQuery实现tab选项卡效果的方法

jQuery实现tab选项卡效果的方法
本文演示了jQuery实现选项卡标签效果的方式:
var制表符{ {
init:函数(){
tab_contents = $(var $ '。标签内容),tab_nav = $($'。选项卡导航);
tab_contents.find美元('。标签内容:不(:第一))隐藏();
tab_nav.find美元(李:第一)AddClass(主动的);
tab_nav.on美元(点击'李',功能(e){)
E.preventDefault();
var =美元美元(这),activetab = this.hash,母= this.parents美元('section '),$内容=美元(父母,tab_contents美元);
(父母,tab_nav美元美元)。找到(李的)RemoveClass(主动的);
this.parent美元()AddClass(主动的);
contents.find美元('。标签内容隐藏());
contents.find美元(activetab)。FadeIn(250);
});
}
};
$(document)。准备(tabs.init());

html部分如下所示:
章节标题

表1
表2


希望本文能对大家的jQuery程序设计有所帮助。

相关文章

PS教程教你使每个像素清晰可辨。

PS教程教你使每个像素清晰可辨。

清晰,教程,像素,教你,可辨,让我们教你如何使模糊的图像清晰。 在界面和网页设计的人,是不是经常在PS绘制图标,虽然遇到的是一个向量,但仍然会有许多虚假的边缘的缩放,在虚拟边界更加严重的旋转,或是在艾画PS精美矢量图标将变成空的,我们努力设计…

为后来的PS图象处理软件地图工具的

为后来的PS图象处理软件地图工具的

地图工具,图象,使用技巧,处理软件,电脑软件,本教程特别推荐,作者承担技术给出了一个明确的后期修图工具系统,帮助学生全面了解后期修图流程的重点不再是一个渐进的方法,但要掌握系统的使用,把这一事件逃生。 本教程特别推荐,作者承担技术给出了…

全屏加载动画效果的实现

全屏加载动画效果的实现

加载,动画效果,全屏,电脑软件,本文主要介绍一种全屏幕加载动画效果的实现,主要依靠snap.svg动画库文中提到的,需要的朋友可以参考下 如果你参观过Nicolas Zezuka和活动理论的优秀设计网站,你可能已经注意到,动态页面的加载动画显示新的内容之前…

PS教你画彩泼效果美女海报

PS教你画彩泼效果美女海报

教你,海报,效果,美女,电脑软件,本文主要介绍PS教你画色斑效果的美女海报教程,很简单,爱的朋友可以看看。 物质的人,让我们找一个美丽的女人。 1。如果材料不是白色的,以消光,粗略,复制一层颜色。 让我们看看,因为我们想要达到的效果有点类似于绘画…

在CSS中给出游标属性的详细示例。

在CSS中给出游标属性的详细示例。

游标,属性,示例,详细,电脑软件,本文主要介绍CSS中的光标属性,包括常用属性值的使用,如缩放/抓取和抓取。 首先,单词的开头 CSS3的域范围渗透到游标的属性(鼠标手)。这里是在 /缩小/放大,抢抓两挺实用的组合简介。 本文着重展示,开阔视野。 二、…

利用CSS网格布局实现网格的流程

利用CSS网格布局实现网格的流程

网格布局,网格,流程,电脑软件,CSS,本文主要介绍了利用CSS网格布局实现网格的流程。 在HTML文档的文档流,而事实上在CSS网格布局网格流。简单点理解就是,在对网格容器的显式声明,其所有的子元素自动确定为网格单元,网格细胞没有显式设置一个明确…

javascript定时器及取消定时器的优化方法

javascript定时器及取消定时器的优化方法

优化,方法,取消,器及,电脑软件,通常的方法是: 启动定时器: 复制代码代码如下所示: window.setinterval(方法、时间) 方法是计时调用的js方法。 时间是间隔时间,单位是毫秒。 取消计时器: 复制代码代码如下所示: ClearInterval(法); 所以问题来…

CSS的一些必要属性排序

CSS的一些必要属性排序

排序,属性,电脑软件,CSS,本文主要介绍CSS的一些必要性质,以及生词后面的注意事项。 文本 颜色设置文本的颜色。 文本对齐设置文本对齐方式。 文本修饰设置文本的下划线。 文本转换设置字母大小和单词的第一个字母。 线路高度设置线高度 let…

CorelDRAWX7为主人康怎么做条码

CorelDRAWX7为主人康怎么做条码

条码,怎么做,主人,电脑软件,CorelDRAW X7为主人康怎么做条码条形码经常被使用。当你需要设计一个新产品时,你需要一个条形码,但是你如何制作条形码呢下面的课是由CorelDRAW X7条码共享 CorelDRAW X7如何使条码当你需要设计一个新的产品包装时…

PS图象处理软件指出星空浪漫的星星

PS图象处理软件指出星空浪漫的星星

图象,处理软件,星空,星星,浪漫,这材料是白天用的。在处理之前,我们把主要的颜色变为黑夜,教黑暗的颜色,然后改变天空的一部分图片到星空背景。然后分别调整字符部分的颜色,并将反射效果添加到轮廓部分。 对于白天拍摄的图像,先把主要的颜色教给…

PS丰富双层

PS丰富双层

电脑软件,PS,本教程是向大家介绍ps的双浓缩图片的方法给朋友。这个教程很基础。非常适合初学者学习。建议像你这样的朋友一起学习这个教程。 本教程告诉你ps将丰富这两层图片。这个教程很好,建议大家一起学习。 方法/步骤 1。打开我们称之…

常见的和重要的方法

常见的和重要的方法

方法,常见,电脑软件,1.jquery数据(姓名) 数据()方法添加到选定的数据元素,或从选定的元素中获取数据。 $(# BTN1)。Click(function(){) $()。 }); $(# BTN2)。Click(function(){) 警报($(); }); 2.jquery参数 参数是引用对象的引用,而参数对象是类数组对象。 参数的…