A jQuery tabs module for todays web!
实例DEMO
Documentation
Tabulous.js can be used with any contents you choose in the tabs and it couldn't be more simpler to use.
..:: Getting Started
Include the relevant files
Firstly include jQuery and the tabulous.css and tabulous.js files. Place these before <head> section
Create the tabs
<divid="tabs"><ul><li><ahref="#tabs-1"title="">Tab 1</a></li><li><ahref="#tabs-2"title="">Tab 2</a></li><li><ahref="#tabs-3"title="">Tab 3</a></li></ul><divid="tabs_container"><divid="tabs-1"><!--tab content--></div><divid="tabs-2"><!--tab content--></div><divid="tabs-3"><!--tab content--></div></div><!--End tabs container--></div><!--End tabs-->
复制
Initiate the plugin
Once you have created your tabs you will need to initiate the plugin.
At its most basic level you can initiate the plugin like:
$(document).ready(function($){$('#tabs').tabulous();});
复制
If you want to initiate the plugin with options then you can do so like:
$('#tabs').tabulous({effect:'scale'});
复制
..:: Options
| effect | scale | The effect to use for the transition | scale / slideLeft / scaleUp / flip |
相关推荐
Tabulous.js 是一个专为JavaScript设计的轻量级、高性能且效果酷炫的Tab选项卡插件。它允许开发者轻松地创建交互式、动态的选项卡系统，提升用户体验。 Tabulous.js 的核心特性包括： 1. **多样化样式**：Tabulous...
在“jQuery选项卡tabulous.zip”这个压缩包中，包含的是一套使用jQuery实现的选项卡（Tab）功能。选项卡是网页设计中常见的交互元素，常用于展示多组相关但独立的信息，通过切换选项卡来隐藏或显示不同的内容区块。 ...
本文将详细探讨“选项卡tabulous”这款基于jQuery的插件，以及其在实现 Scale、Slide、Scale Up、Flip 等效果时所涉及的技术和知识。 “选项卡tabulous.zip”是一个包含相关资源和代码的压缩包，主要用于创建动态且...
Tabulous.js是基于jQuery和CSS3的选项卡插件，它为网站提供了现代、时尚的选项卡设计。这款插件允许用户轻松地创建和定制选项卡组件，以便展示多种内容，如文本、图像、视频或任何其他HTML元素。 1. **内容兼容性**...
描述中提到的“Tab选项卡tabulous.js”是一款JavaScript插件，用于实现动态和交互式的Tab功能。Tabulous.js以其轻量级和强大的功能著称，它能够帮助开发者快速创建出具有动画效果、响应式布局的Tab组件。这款插件...
插件描述：默认自动支持响应式的水平Tab选项卡。当访问设备的屏幕宽度小于768px时，会自动的把Tab选项卡形式换成Accdion手风琴形式。参考实例：http://www.jq22.com/jquery-info6128
"选项卡tabulous特效代码"是指使用jQuery库开发的一个插件，它提供了丰富的动画效果，使得选项卡的交互更加吸引人和动态。以下是关于选项卡tabulous插件的详细知识点： 1. **jQuery插件**：jQuery是一个广泛使用的...
"Tabulous"可能是这个插件的名字，"js-master"则可能表示这是JavaScript代码的主要分支或版本。开发者可以下载这个仓库，研究其源码，了解如何实现tab切换效果，并根据自己的需求进行二次开发。 在实际应用中，使用...
只需选择重新启动，然后选择将选项卡保存到的文件夹，Tabulous:trade_mark:就会同时启动这些已保存的选项卡，使您回到保存时的状态。 好像您从未离开过那样巨大的创造力和学习障碍。 因此，继续前进，请关闭您的...
Tabulous还可以使用Ctrl + S标记多个选项卡，或者使用Ctrl + A标记所有选项卡。 Ctrl + D将关闭一个或多个选项卡。 默认快捷方式： Ctrl + Space =>打开扩展名Ctrl + S =>选择选项卡Ctrl + A =>选择所有标签Ctrl + ...
新的可以在Tabulous / Doc 中找到 这符合FOS类 我改了se文件中的表： app/config/parameters.yml # :: 错误:: 我无法访问您的基本页面。 在进行更改之前，我以 zip 形式获取了存储库并将其放入我的wamp / www...