非常棒的Tab切换效果-tabulous

所属分类:媒体-Tabs

 93180  148  查看评论 (10)
非常棒的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
 13672  55

jQuery选项卡插件

可批量,自定义当前显示、自定义事件、自定义切换方式及自动播放的选项卡插件
  Tabs
 15318  67

可打开可关闭的选项卡,单纯无污染,改改样式就能用

可打开可关闭的选项卡,单纯无污染,改改样式就能用
  Tabs
 13715  54

适合手机、pad等移动终端的tab响应式切换效果

适合手机、pad等移动终端的tab响应式切换效果
  Tabs
 34300  194

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

    miss丶G 0
    2018/7/4 15:31:43
    这个tabs_container中的内容如果是动态添加的好像不能展示 它的高度为0 回复
    Alien 0
    2018/5/31 17:23:14
    tabs_container里面不能加div啊 回复
    ?l???r 0
    2018/3/8 17:17:59
    为啥加div就隐藏了呀
    回复
    caobo 0
    2018/3/8 16:42:42
    里面还不能够添加a标签 跳不出去啊,也不能div 之能用于纯文本的tab页面 不好 回复
    tudan110 0
    2017/11/2 19:25:53
    月舞云袖 0
    2017/9/28 18:03:25
    无法连接下下一个页面吗  回复
    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引用地址有问题,已经修改正确!
    回复
取消回复
  短信接口