非常棒的Tab切换效果-tabulous

所属分类:媒体-Tabs

 41329  94  查看评论 (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

仿原生选项卡切换面板支持手势滑动

本插件是基于swiper插件进行封装的仿原生安卓ios的切换面板效果插件
  Tabs
 6218  64

移动端app原生标准选项卡

移动端app原生标准选项卡适用于web app原生代码不会卡顿.
  Tabs
 7987  60

CSS3和jQuery tabs选项卡

选项卡导航是你经常遇见浏览网页中的元素。有很多方面,很多样式,但这个想法是相同的:你单击某个选项卡,看其内容而无需页面刷新。 在本文中,您将学习如何建立一些新的 CSS3 和 jQuery 选项卡由谷歌播放设计的启发。
  Tabs
 17428  45

jQuery Tabs插件 PWS Tabs

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

讨论这个项目(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引用地址有问题,已经修改正确!
    回复
取消回复