如何实现一个图片的链接不变化，但是点击过后图片更换

Question

比如页面中，<a href="1.html"><img src="01.jpg"></a>，点击以后链接地址不变，但是<img src="02.jpg">，如果用CSS，请详细说明如何使用，本人不会使用CSS，如果用JS来做，有没有什么好的方法来处理，谢谢各位赐教。

Answer 1

顺便补充一点，比如说这个是应用在一个导航栏里面的，另外还有一个图片<a href="2.html"><img src="03.jpg"></a>也是同样实现一个功能，但是在点击03.jpg的时候，原来的那个图片变回到02.jpg，就是这么个意思。

Answer 2

<a href="changeImage();"><img id="image1" src="01.jpg"></a><script language="JavaScript">function changeImage(){
  image1.src="02.jpg";
}</script>

Answer 3

楼上的太被动了吧，要动态变化就用
function addMood()
{
document.image1.id=document.image1.id+1;
}
<%int i=1%>
<a href="1.html" onClick="addMood()"><img id="<%=i%>" src="0<%=i%>.jpg"></a>试下吧

Answer 4

document.image1.id=document.image1.id+1;    中的image1去掉吧，多写了，我没试过应该可以的
这样就动态加载，当前文件夹里的图片了

Answer 5

如果用css样式的话 只能改背景图片  直接改图片改不了 先隐藏当前图片 然后加一个背景图片就ok了