jQuery tab选项卡

所属分类:媒体-Tabs

 2553  24  查看评论 (0)
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

4种不同风格的tab切换

4种风格的tab切换
  Tabs
 6720  46

jQuery tab选项卡插件

非常实用,5种效果轻量级tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等功能
  Tabs
 20540  69

京东首页的多重tab

京东首页的多重tab
  Tabs
 7576  41

jquery标签左右滚动内容

jquery标签左右滚动内容
  Tabs
 3210  13

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

取消回复
    PROMULGATOR

    M_oLs 丶 一个人

    湖北省武汉市