非常棒的Tab切换效果-tabulous

所属分类:媒体-Tabs

 38908  90  查看评论 (2)
非常棒的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

Easy Responsive Tabs to Accordion

自己的收藏,留着以后慢慢学
  Tabs
 9400  62

jQuery的Tab插件 Yetii

Yetii 是一个 jQuery 用来实现 Tab 窗体的插件,目前尚不支持 Ajax 方式获取内容
  Tabs
 16753  27

jQuery Tabs插件 PWS Tabs

PWS Tabs插件是一个免费的工具,用来创建Tabs动画选项卡。
  Tabs
 10921  51

jquery水平滑动tab选项卡

jquery水平滑动tab选项卡
  Tabs
 14559  135

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

    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引用地址有问题,已经修改正确!
    回复
取消回复