tab切换 -笨方法

// JavaScript Document

$(document).ready(function(){
      

$(".bg_01").click(function(){
    
     $(this).addClass("bg_01s");
    $(".tab_001").addClass("tab_002");
    
    $(".bg_02").removeClass("bg_02s");
    $(".tab_003").removeClass("tab_004");
    
    $(".bg_03").removeClass("bg_03s");
    $(".tab_005").removeClass("tab_006");
    
    
    
})
$(".bg_02").click(function(){
    
     $(this).addClass("bg_02s");
    $(".tab_003").addClass("tab_004");
    
    $(".bg_01").removeClass("bg_01s");
    $(".tab_001").removeClass("tab_002");
    
    $(".bg_03").removeClass("bg_03s");
    $(".tab_005").removeClass("tab_006");
    
    
})

$(".bg_03").click(function(){
    
     $(this).addClass("bg_03s");
    $(".tab_005").addClass("tab_006");
    
    $(".bg_01").removeClass("bg_01s");
    $(".tab_001").removeClass("tab_002");
    
    $(".bg_02").removeClass("bg_02s");
    $(".tab_003").removeClass("tab_004");
    
})

        
    
});

posted @ 2018-01-16 16:12  南瓜小园  阅读(404)  评论(0编辑  收藏  举报