zoukankan      html  css  js  c++  java
  • 循环点击换图片

    $('.switch').click(function(){
    $('.switch').removeClass('speriod');
    $('.switch').addClass('divide'); //不被点击的变黑
    $(this).removeClass('divide');
    $(this).addClass('speriod'); //点击的变蓝

    var a = $(this).find('img').attr('src'); //点击的

    // console.log(b);
    if( a== 'images/icon/singlexin.png'){
    $(this).find('img').attr('src','images/icon/singlexin.png');
    $('.a').find('img').attr('src','images/icon/fen.png');
    }else if(a== 'images/icon/fen.png'){
    $(this).find('img').attr('src','images/icon/fenxin.png');
    $('.b').find('img').attr('src','images/icon/single.png');
    }else if( a== 'images/icon/single.png'){
    $(this).find('img').attr('src','images/icon/singlexin.png');
    $('.a').find('img').attr('src','images/icon/fen.png');
    }else if(a== 'images/icon/fenxin.png'){
    $(this).find('img').attr('src','images/icon/fenxin.png');
    $('.b').find('img').attr('src','images/icon/single.png');
    }

    });

    <div class=" clf speriod switch b" style="margin-right:11px;"><i>¥</i>20000.00<img src="images/icon/singlexin.png"></div>
    <div class="clf divide switch a"><i>¥</i>20000.00<img src="images/icon/fen.png"></div>

  • 相关阅读:
    Java IO: InputStreamReader和OutputStreamWriter
    Java IO: 序列化与ObjectInputStream、ObjectOutputStream
    Java IO: Buffered和Data
    [Codeforces Round #613 (Div. 2)]
    [算进] 巴士
    [算进] 小木棍
    [算进] 数据备份
    [算进] 双端队列 题解
    [算进] 蚯蚓 题解
    [算进] 赶牛入圈 题解
  • 原文地址:https://www.cnblogs.com/isuansuan/p/10769437.html
Copyright © 2011-2022 走看看