您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页jQuery简单几行代码实现tab切换_jquery

jQuery简单几行代码实现tab切换_jquery

来源:华佗小知识
 今天突然心血来潮,想到一个很简单的方法即可达到的tab效果

其实逻辑很简单,但看到网上基本上没这样写的

不知道实际应用中是否会有问题呢,请大侠指教

代码如下:




jQuery简易选项卡





  • 第一课

  • 第二课

  • 第三课




  • 1111


    2222


    3333



    http://libs.baidu.com/jquery/1.9.0/jquery.js">

    $(function(){
    window.onload = function()
    {
    var $li = $('#tab li');
    var $ul = $('#content ul');
    $li.click(function(){
    $li.removeClass();
    var $t = $(this).index();
    $(this).addClass('current');
    $ul.css('display','none');
    $ul.eq($t).css('display','block');
    })
    }
    });



    图片演示:

    Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务