<SCRIPT LANGUAGE="JavaScript">
var img1 = new Image();
var img2 = new Image();img1.src = "http://farm1.static.flickr.com/56/189665365_cf72909146_t.jpg";
img2.src = "http://farm1.static.flickr.com/49/189670801_6d8c6134f5_t.jpg";function switchimg(str)
{
var o = document.getElementById(str);
var otherTemp = (o.src.indexOf("189670801_6d8c6134f5_t.jpg") == -1)?img2:img1;
// alert(other.id);
var other=otherTemp.cloneNode(true)
other.id = str;
other.onclick = o.onclick;
o.replaceNode(other);
}
</SCRIPT>
<INPUT TYPE="button" VALUE="" NAME="btn" ONCLICK="switchimg('imglogo1')">
<IMG SRC="http://farm1.static.flickr.com/56/189665365_cf72909146_t.jpg" WIDTH="132" HEIGHT="37" BORDER="0" ALT="" id=imglogo1 onclick="alert(this.id)"><INPUT TYPE="button" VALUE="" NAME="btn" ONCLICK="switchimg('imglogo2')">
<IMG SRC="http://farm1.static.flickr.com/56/189665365_cf72909146_t.jpg" WIDTH="132" HEIGHT="37" BORDER="0" ALT="" id=imglogo2 onclick="alert(this.id)">
var img1 = new Image();
var img2 = new Image();img1.src = "http://farm1.static.flickr.com/56/189665365_cf72909146_t.jpg";
img2.src = "http://farm1.static.flickr.com/49/189670801_6d8c6134f5_t.jpg";function switchimg(str)
{
var o = document.getElementById(str);
var otherTemp = (o.src.indexOf("189670801_6d8c6134f5_t.jpg") == -1)?img2:img1;
// alert(other.id);
var other=otherTemp.cloneNode(true)
other.id = str;
other.onclick = o.onclick;
o.replaceNode(other);
}
</SCRIPT>
<INPUT TYPE="button" VALUE="" NAME="btn" ONCLICK="switchimg('imglogo1')">
<IMG SRC="http://farm1.static.flickr.com/56/189665365_cf72909146_t.jpg" WIDTH="132" HEIGHT="37" BORDER="0" ALT="" id=imglogo1 onclick="alert(this.id)"><INPUT TYPE="button" VALUE="" NAME="btn" ONCLICK="switchimg('imglogo2')">
<IMG SRC="http://farm1.static.flickr.com/56/189665365_cf72909146_t.jpg" WIDTH="132" HEIGHT="37" BORDER="0" ALT="" id=imglogo2 onclick="alert(this.id)">
=================================================================
楼上的好像是避免了我的错误,但是你点击转换的时候,图片的重新载入了与我最初的目的就不同了.
{
var o = document.getElementById(str);
var o2 = document.getElementById(str+"1");
var other = (o.style.display=="none")?o:o2;
o.style.display='none'
o2.style.display='none'
other.style.display=''}
</SCRIPT>
<INPUT TYPE="button" VALUE="" NAME="btn" ONCLICK="switchimg('imglogo1')">
<IMG SRC="http://farm1.static.flickr.com/56/189665365_cf72909146_t.jpg" WIDTH="132" HEIGHT="37" BORDER="0" ALT="" id=imglogo1 onclick="alert(this.id)">
<IMG SRC="http://farm1.static.flickr.com/49/189670801_6d8c6134f5_t.jpg" WIDTH="132" HEIGHT="37" BORDER="0" ALT="" id=imglogo11 onclick="alert(this.id)" style="display:none"><INPUT TYPE="button" VALUE="" NAME="btn" ONCLICK="switchimg('imglogo2')">
<IMG SRC="http://farm1.static.flickr.com/56/189665365_cf72909146_t.jpg" WIDTH="132" HEIGHT="37" BORDER="0" ALT="" id=imglogo2 onclick="alert(this.id)">
<IMG SRC="http://farm1.static.flickr.com/49/189670801_6d8c6134f5_t.jpg" WIDTH="132" HEIGHT="37" BORDER="0" ALT="" id=imglogo21 onclick="alert(this.id)" style="display:none">