jQuery tab选项卡

所属分类:媒体-Tabs

 9537  61  查看评论 (5)
jQuery tab选项卡 ie兼容6

js文件

<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>

调用

$("").click(function(){
     $("").eq($(this).index()).addClass("").siblings().removeClass("");
     $("").hide().eq($(this).index()).show();
})

HTML格式

<div class="">
   <ul class="">
       <li> </li>
       <li> </li>
       <li> </li>
   </ul>
   <div class="">
      <div>
        <ul>
           <li> </li>
           <li> </li>
           <li> </li>
        </ul>
      </div>
      <div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
         </ul>
      </div>
      <div>
         <ul>
            <li></li>
            <li></li>
            <li></li>
         </ul>
      </div>
   </div>
</div>


相关插件-Tabs

jQuery Tabs插件 PWS Tabs

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

jqueryTabs选项卡

jqueryTabs选项卡
  Tabs
 26947  34

移动可滑动切换tab选项卡

移动端头部任意多个滑动切换
  Tabs
 7908  87

简约时尚的纯CSS3 Tabs选项卡特效

这是一款使用纯CSS3制作的Tabs选项卡特效。该Tabs选项卡简约时尚,各个选项卡之间切换时使用了下划线跟随动画,整体效果非常不错。
  Tabs
 8396  40

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

    qzuser 0
    2017/10/5 13:48:58

    冒昧问一下,这个js文件放在哪?

        M_oLs 丶 一个人0
        2017/12/13 16:09:50
        放在你项目的文件夹里面就行啊,用的时候路劲写对调用就好了
    回复
    anhappy 0
    2017/9/3 11:35:51

    这是一个tab栏的demo

    回复
    黑胡椒 0
    2017/3/28 11:08:49
    Jeffrey Chan 0
    2017/2/25 16:54:27

    就喜欢这种简单暴力的

    回复
取消回复