爱尚他娱乐网
您的当前位置:首页基于jquery的tab切换js原理_jquery

基于jquery的tab切换js原理_jquery

来源:爱尚他娱乐网


html代码:
代码如下:

  • 个人资料
  • 帐号维护
  • 在来个

  • 11111111111111111111111111111111


    22222222222222222222222222222222222

    3333333333333333333333333333333333333



    js代码:
    代码如下:
    $(function(){
    $(".tab>li").mouseover(function(){
    $(".tab>li").removeClass("on");
    $(this).addClass("on");
    var target = $('#' + this.rel);
    if (target.size() > 0) {
    $('.details > dl').hide();
    target.show();
    } else {
    alert('There is no such container.');
    }
    });
    });

    效果图:


    打包下载地址

    显示全文