非常棒的Tab切换效果-tabulous

所属分类:媒体-Tabs

 49329  102  查看评论 (4)
非常棒的Tab切换效果-tabulous ie兼容10

非常棒的Tab切换效果-tabulous

使用步骤

引用

 <script type="text/javascript" src="tabulous.js"></script>

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>
            <li><a href="#tabs-3" title="">Tab 3</a></li>
        </ul>
        <div id="tabs_container">
            <div id="tabs-1">
                <!--tab content-->
            </div>
            <div id="tabs-2">
                 ? <!--tab content-->  
            </div>
            <div id="tabs-3">
                 ? ?<!--tab content-->
            </div>
        </div><!--End tabs container-->
</div><!--End tabs-->

js

$(document).ready(function ($) {
 	 $('#tabs').tabulous({);
});


插件效果样式


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


相关插件-Tabs

淡入淡出效果的TAB标签

淡入淡出效果的TAB标签,兼容所有浏览器。
  Tabs
 13032  31

jQuery Tabs插件EasyTabs.js

EasyTabs.js 是一个轻松实现 Tabs 组件的 jQuery 插件,支持多种不同外观。
  Tabs
 23371  21

京东首页的多重tab

京东首页的多重tab
  Tabs
 9323  48

jQuery tab

适应一个页面存在多个TAB场景
  Tabs
 53667  47

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    red umbrella 0
    2017/7/22 16:09:58

    为什么加了div就被隐藏了呢

    回复
    风絮" 0
    2017/5/2 13:35:15
    是不是tab-container里不能加div 回复
    PLOCKPHANTOM 0
    2016/12/22 22:12:40
    呵呵,要使用明明还要导入css 回复
    Silence.M 0
    2016/4/15 13:04:28
    下载下来在浏览器里面显示出错。。。
        赵赵跑了0
        2016/4/18 17:04:57
        要在服务器环境中打开
        西瓜0
        2016/4/18 17:04:45
        感谢反馈,下载文件中的jQuery引用地址有问题,已经修改正确!
    回复
取消回复