求教:图片链接问题

Question

<img src="1.gif" border=0 onclick="this.src='2.gif'">

Answer 1

<img src="" onclick="this.style.*=">

Answer 2

<script language="javascript">
<!--
function preload(imgObj,imgSrc){  
eval(imgObj+'=new Image()')  
eval(imgObj+'.src="'+imgSrc+'"')  
}  
preload('1_up','1up.jpg') 
preload('2_up','2_up.jpg') 
preload('3_up','3_up.jpg') 
preload('1_down','1_down.jpg') 
preload('2_down','2_down.jpg') 
preload('3_down','3_down.jpg') 
     function changeImage_over(imageName){  
var targetID=imageName+"_up";  
document.images[imageName].src=eval(targetID+'.src');  
}  
function changeImage_out(imageName){  
var targetID=imageName+"_down";  
document.images[imageName].src=eval(targetID+'.src');  
}  

var marq_c=0;  
function marq_over(s){  
marq_color=new Array("blue","red","Fuchsia","#400080","Green","Maroon")  
window.status=s;  
document.all["marq"].style.color=marq_color[marq_c];  
marq.innerHTML=s;  
marq_c++;  
if(marq_c==6) marq_c=0;  
}  

-->  
</script>
.......
.......
<td width="20" height="20"><a href="1.htm"><img border="0" src="1_up.jpg"  name="1"  border="0" style="cursor: hand" id="1"  onMouseOver="changeImage_over('1')" onMouseOut="changeImage_out('1')" width="20" height="20"></a></td>
.........
....
也可以的﹗

Answer 3

看看css，
然后在onclick事件中改变就可以了啊