jquery实现tab菜单点击换菜单图片方法

jquery实现tab菜单点击换菜单图片方法 代码如下


  
  


   
   

    
    


   
   

    
    


   
   

    
    


   
   

    
    


  
  

.menulist{
    width:100%;
    height:auto;
    overflow: hidden;
    background: #b49b87;
}
.menulist p{
    width: 23.2%;
    text-align: center;
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
    margin-left: 0.2rem;
    margin-top: 0.4rem;
    float: left;
    position: relative;
}
.menulist p img{
    width:100%;
}
.img1{
    width:100%;
    position: absolute;
    left:0px;
    top:0px;
    z-index: 2;
}
.active .img1{
    display: none;
}

    $('.menulist p').on('click', function () {
        $(this).addClass('active');
        $(this).siblings('p').removeClass("active");
 
    })


ps 原理就是 点击控制class 


查看原文：http://newmiracle.cn/?p=1470