zoukankan      html  css  js  c++  java
  • 对一些img标签的切换功能实现,有更好的方式吗吗吗

    var iosSelect = true, androidSelect = true, windowsSelect = true, allSelect = true;
        $(function () {
            
            $("#ios").click(function () {
                if (iosSelect) {
                    $("#ios").attr("src", "/Content/images/icon/icon_Remember2.png");
                    iosSelect = false;
                } else {
                    $("#ios").attr("src", "/Content/images/icon/icon_Remember3.png");
                    iosSelect = true;
                }
            });
            $("#android").click(function () {
                if (androidSelect) {
                    $("#android").attr("src", "/Content/images/icon/icon_Remember2.png");
                    androidSelect = false;
                } else {
                    $("#android").attr("src", "/Content/images/icon/icon_Remember3.png");
                    androidSelect = true;
                }
            });
            $("#windows").click(function () {
                if (windowsSelect) {
                    $("#windows").attr("src", "/Content/images/icon/icon_Remember2.png");
                    windowsSelect = false;
                }
                else {
                    $("#windows").attr("src", "/Content/images/icon/icon_Remember3.png");
                    windowsSelect = true;
                }
            });
            $("#all").click(function () {
                if (allSelect) {
                    $("#all").attr("src", "/Content/images/icon/icon_Remember2.png");
                    $("#ios").attr("src", "/Content/images/icon/icon_Remember2.png");
                    $("#android").attr("src", "/Content/images/icon/icon_Remember2.png");
                    $("#windows").attr("src", "/Content/images/icon/icon_Remember2.png");
                    allSelect = false;
                    iosSelect = false;
                    androidSelect = false;
                    windowsSelect = false;
                }
                else {
                    $("#all").attr("src", "/Content/images/icon/icon_Remember3.png");
                    $("#ios").attr("src", "/Content/images/icon/icon_Remember3.png");
                    $("#android").attr("src", "/Content/images/icon/icon_Remember3.png");
                    $("#windows").attr("src", "/Content/images/icon/icon_Remember3.png");
                    allSelect = true;
                    iosSelect = true;
                    androidSelect = true;
                    windowsSelect = true;
                }
    
            });
    
        });

    效果图:

    切换后:

    那么多重复代码。。。有更好的方式吗?

  • 相关阅读:
    Anaconda的安装和更新
    Python数据分析学习目录
    国标28181sip开源库介绍(陆续补充完备)
    开源sip server & sip client 和开发库 一览
    几种开源SIP协议栈对比
    用TCP穿透NAT(TCP打洞)的实现
    使用TCP协议的NAT穿透技术
    TCP点对点穿透探索--失败
    snmp++开发实例一
    socket跟TCP/IP 的关系,单台服务器上的并发TCP连接数可以有多少
  • 原文地址:https://www.cnblogs.com/Benjamin/p/2888168.html
Copyright © 2011-2022 走看看