Question

Js改变a标签中img的图片

<ul class="nav">
<li>
<a href="#" onclick="chang(this)"><img id="img" src="img/nav01.png" title="首页" /></a>
</li>
<li>
<a href="#"><img src="img/nav02.png" title="工程管理" /></a>
</li>
<li>
<a href="#"><img src="img/nav03.png" title="派单管理" /></a>
</li>

</ul>

在JS中完成鼠标点击哪一个 img图片改变 点击另一个时 第一个点击的图片复原

Answer 1

js:根据循环切换条件可以用document.getElementById("").src=""设置，或者juqery:("#id").attr("src","图片名称");

追问

求详细的JS写法不用jq

Answer 2

建议你给每个img标签加个属性来保存默认的图片，这样，鼠标移开的时候，获取这个img的自定义属性的值来设置img的src即可