两张图片，JS怎么实现，单击图片片后，一张显示，另一张隐藏？求源码。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<body>
<img src="images/mint.jpg" width="110" name = "mint" height="110" border="1" onclick="change_img(this)" id= "a"/>
<img src="images/baby.jpg" width="110" name = "baby" height="110" border="1" onclick="change_img(this)" id= "b"/>
</body>
<script type="text/javascript">
function change_img(e){
alert(e.name);//img的name
    var aaa = e.name;
if(aaa == "mint"){
document.getElementById("a").style.display = "none";
document.getElementById("b").style.display = "";
}
if(aaa == "baby"){
document.getElementById("a").style.display = "";
document.getElementById("b").style.display = "none";
}
}
</script>是要这样的效果？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript">
  
  </script>
</head> <body>
  <img src="" id="img1" onclick="showOrHidden('img1','img2')" title='img1'>
  <img src="" id="img2" style="display:none" onclick="showOrHidden('img2','img1')" title='img2'>
</body>
</html>src="换成你的图片"
凑个热闹：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title> 图片交替显示测试 </title>
<script>
var bind=function(object,type,fn){//控件绑定方法
  if(object.attachEvent){//IE
    object.attachEvent(
      "on"+type,
      (function(o){
        return function(event){
          window.event.cancelBubble=true;
          o.attachEvent=[fn.apply(object)];
        }
      }
    )(object),false);
  }
  else if(object.addEventListener){//其他
    object.addEventListener(type,function(event){
      event.stopPropagation();
      fn.apply(this);
    });
  }
}window.onload=function(){
  var obj=document.getElementsByName("myImg");//找出name=myImg的图片数组
  for(var i=0;i<obj.length;i++){//循环绑定单击事件
    bind(obj[i],"click", (function(j){
      return function(){//闭包定义单击事件的方法
var b=obj[j].style.display=="" ||obj[j].style.display=="block";//判断图片当前显示状态
var n=j==0 ? (j+1) : (j-1);//定义另一个图片在数组中的正确下标
obj[j].style.display=b ? "none" : "";//当前图片
obj[n].style.display=b ? "" : "none";//另一个图片
       }
    })(i));
  }
}
</script>
</head> <body>
<img src="a.jpg" id = "myimg1" name = "myImg" />
<img src="b.jpg" id = "myimg2" name = "myImg" />
</body>
</html>
JF
<img id="img1" src="xxx1.jpg" alt="img1"/>
<img id="img2" src="xxx2.jpg" alt="img2"/>
<script>
    window.onload = function () {
        var img1 = document.getElementById('img1'), img2 = document.getElementById('img2');
        img1.onclick = img2.onclick = function () {
            if (this.id == 'img1') img2.style.display = 'none';
            else img1.style.display = 'none';
        }
    }
</script>
呃,Lz这是另一个贴子？？另一个里面已经回了呀。接分来了呃，Lz这思路是不是出了问题？
两张图片，你单击，显示一张，隐藏另一张，那隐藏的那张你岂非永远点不到了？最直接的方法：
<img src="1.gif" id="i1" onclick="document.getElementById('i2').style.display='none';"/>
<img src="2.gif" id="i2" onclick="document.getElementById('i1').style.display='none';"/>