如何实现一个图片的链接不变化,但是点击过后图片更换
比如页面中, <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>
试下吧