Question

html中如何改变图片超链接的图片？

一个div中有几个图片超链接，假设图片为changeImg2，要求点击后将图片超链接的图片改变成另外一张图片，changeImg。用css+div能不能做到？
因为不懂JS，如果要用到JS的话麻烦详细讲解一下，分不多，谢谢。
css:
#nav{height:29px; width:1000px; margin-top:400px;margin:0 auto;}
#nav ul li{ text-align:center;float:left; list-style:none;width:250px;}
#nav ul li a{display:block;height:29px;width:250px; background:url(changeImg2.jpg);}
#nav ul li a:visited{height:29px;width:250px; background:url(changeImg.jpg);}
html代码：
<div id="nav">
<ul>
<li><a href="changeImg.html" target="bottomFrame"></a></li>
<li><a href="newWeibo.html" target="bottomFrame"></a></li>
<li><a href="newMessage.html" target="bottomFrame"></a></li>
<li><a href="aboutUs.html" target="bottomFrame"></a></li>
</ul>
</div>

Answer 1

DIV+CSS就可以，使用CSS伪类。a:link（未点击的时候图片状态） a:visited（点击后的图片状态） a:hover（悬浮状态）a:active（点击时状态）使用注意顺序，否则有可能不会生效的。

Answer 2

<a href="changeImg.html" target="bottomFrame"></a>

a:link {background:url(changeImg2.jpg);}
a:visited{background:url(changeImg.jpg);}

Answer 3

<script>
function changeImage(id)
{
document.getElementByID(id).href="newImage.jpg";
}
</script>

<a id="image" href="changeImage(this.id)">这是图片</a>
参照这个思路