`

好用的jQuery Tab切换插件 - Tabulous.js

 
阅读更多

本文参考:http://site518.net/jquery-tabs-tabulous-js/

Tabulous.js 是一个实现了Tab标签切换功能的 jQuery 插件,轻量级插件,简单且易于使用。它所生成的Tab标签可通过 CSS 来自定义样式,同时它也提供了多种切换效果。

如何使用

  首先在页面中加入 jQuery 框架和 Tabulous.js 插件

<link href='tabulous.css' rel='stylesheet' type='text/css'>
<script src="jquery.min.js"></script>
<script src="tabulous.js"></script>

  然后添加Tab标签的HTML结构,如

<div id="tabs">
<ul>
<li><a href="#tabs-1" title="">Tab 1</a></li>
<li><a href="#tabs-2" title="">Tab 2</a></li>
</ul>
<div id="tabs_container">
<div id="tabs-1">
<!--内容内容-->
</div>
<div id="tabs-2">
<!--内容内容-->
</div>
</div>
</div>

  最后对其初始化即可

$('#tabs').tabulous({
effect: 'scale'
});

分享到:
评论

相关推荐

    tabulous.js效果酷炫的Tab选项卡插件

    Tabulous.js 是一个专为JavaScript设计的轻量级、高性能且效果酷炫的Tab选项卡插件。它允许开发者轻松地创建交互式、动态的选项卡系统,提升用户体验。 Tabulous.js 的核心特性包括: 1. **多样化样式**:Tabulous...

    jQuery选项卡tabulous.zip

    在“jQuery选项卡tabulous.zip”这个压缩包中,包含的是一套使用jQuery实现的选项卡(Tab)功能。选项卡是网页设计中常见的交互元素,常用于展示多组相关但独立的信息,通过切换选项卡来隐藏或显示不同的内容区块。 ...

    精简强大的自适应TAB选项卡!

    描述中提到的“Tab选项卡tabulous.js”是一款JavaScript插件,用于实现动态和交互式的Tab功能。Tabulous.js以其轻量级和强大的功能著称,它能够帮助开发者快速创建出具有动画效果、响应式布局的Tab组件。这款插件...

    选项卡tabulous.zip

    本文将详细探讨“选项卡tabulous”这款基于jQuery的插件,以及其在实现 Scale、Slide、Scale Up、Flip 等效果时所涉及的技术和知识。 “选项卡tabulous.zip”是一个包含相关资源和代码的压缩包,主要用于创建动态且...

    现代时尚的jQuery和CSS3 Tabs选项卡插件

    综上所述,Tabulous.js插件结合了jQuery的强大功能和CSS3的视觉特效,为网页设计师和开发者提供了一种高效、灵活的方式来实现现代选项卡界面,增强了用户的浏览体验。通过深入理解和熟练使用这款插件,开发者能够更...

    JQ版tab切换,三个格式切换效果

    从文件名"tabulous.js-master"来看,这可能是一个基于jQuery的tab切换插件的源码仓库。"Tabulous"可能是这个插件的名字,"js-master"则可能表示这是JavaScript代码的主要分支或版本。开发者可以下载这个仓库,研究其...

    支持响应式的Tabs选项卡jQuery插件

    插件描述:默认自动支持响应式的水平Tab选项卡。当访问设备的屏幕宽度小于768px时,会自动的把Tab选项卡形式换成Accdion手风琴形式。参考实例:http://www.jq22.com/jquery-info6128

    Tabulous-crx插件

    这个扩展是由tabulous创建的 如果您不想因为丢失标签或中断流程而在Chrome上运行大量标签,并且连续数天不重启计算机,则Tabulous:trade_mark:是您最好的朋友。 只需单击两下,超级易于使用的Tabulous:trade_mark:...

    选项卡tabulous特效代码

    "选项卡tabulous特效代码"是指使用jQuery库开发的一个插件,它提供了丰富的动画效果,使得选项卡的交互更加吸引人和动态。以下是关于选项卡tabulous插件的详细知识点: 1. **jQuery插件**:jQuery是一个广泛使用的...

    Tabulous:我们是表格

    新的可以在Tabulous / Doc 中找到 这符合FOS类 我改了se文件中的表: app/config/parameters.yml # :: 错误:: 我无法访问您的基本页面。 在进行更改之前,我以 zip 形式获取了存储库并将其放入我的wamp / www...

    tabulous:过滤,激活,选择或关闭窗口中的一个或多个选项卡-全部使用键盘

    只需按Ctrl + Space即可,并且Tabulous列出了所有打开的窗口中所有打开的选项卡。 开始输入内容以过滤列表,然后按Enter键激活所选标签。 Tabulous还可以使用Ctrl + S标记多个选项卡,或者使用Ctrl + A标记所有选项...

Global site tag (gtag.js) - Google Analytics