jQuery tab选项卡

所属分类:媒体-Tabs

 4116  35  查看评论 (1)
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

淡入淡出效果的TAB标签

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

jQuery垂直选项卡

jQuery SVG垂直图标选项卡特效
  Tabs
 1693  24

jQuery响应式内容选项卡插件效果演示

这款响应式的jQuery内容选项卡插件也可以说是一款文字内容滑块插件。
  Tabs
 5522  36

table切换

这是一个简单的JQ切换效果,使用简单,而且可以重复使用。兼容IE6\IE7\IE8所有,以及firefox,chrome,Safari
  Tabs
 18138  80

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

    Jeffrey Chan 0
    2017/2/25 16:54:27

    就喜欢这种简单暴力的

    回复
取消回复