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

------解决方案--------------------
<a href= "changeImage(); "> <img id= "image1 " src= "01.jpg "> </a>

<script language= "JavaScript ">

function changeImage(){
image1.src= "02.jpg ";
}

</script>

------解决方案--------------------
楼上的太被动了吧，要动态变化就用
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>

试下吧