本文参考: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选项卡插件
jQuery选项卡tabulous.zip
选项卡tabulous是一款支持Scale、Slide、Scale Up、Flip等效果jquery插件。
插件描述:Tab选项卡tabulous.js. 参考示例:http://www.jq22.com/jquery-info5066
tabulous.js是一款现代时尚的jQuery和CSS3 Tabs选项卡插件。该选项卡中可以放置任何HTML内容,它使用简单,并且在选项卡切换时可以设置各种的动画过渡效果。
插件描述:默认自动支持响应式的水平Tab选项卡。当访问设备的屏幕宽度小于768px时,会自动的把Tab选项卡形式换成Accdion手风琴形式。参考实例:http://www.jq22.com/jquery-info6128
这个扩展是由tabulous创建的 如果您不想因为丢失标签或中断流程而在Chrome上运行大量标签,并且连续数天不重启计算机,则Tabulous:trade_mark:是您最好的朋友。 只需单击两下,超级易于使用的Tabulous:trade_mark:...
新的可以在Tabulous / Doc 中找到 这符合FOS类 我改了se文件中的表: app/config/parameters.yml # :: 错误:: 我无法访问您的基本页面。 在进行更改之前,我以 zip 形式获取了存储库并将其放入我的wamp / www...
选项卡tabulous是一款支持Scale、Slide、Scale Up、Flip等效果jquery插件。
只需按Ctrl + Space即可,并且Tabulous列出了所有打开的窗口中所有打开的选项卡。 开始输入内容以过滤列表,然后按Enter键激活所选标签。 Tabulous还可以使用Ctrl + S标记多个选项卡,或者使用Ctrl + A标记所有选项...