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

来源:互联网 发布:李炎恢php怎么样 编辑:程序博客网 时间:2024/05/04 06:32
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
0 0
原创粉丝点击