web开发，html，js，css,鼠标放在某张图片上，自动更换图片

Question

比如说有两张图片，图片A和图片B，
当鼠标放在图片A上时——不需要点，会自动换成图片B；
当鼠标放在图片B上时——不需要点，会自动换成图片A；

请用最简单的方式写出代码（如果可以加上文字叙述最好），
不要用高级语言来解，
用简单地代码来叙述——内容较长也可以。

关于web开发的， 可用javascript方式，
如果能分别写出js和html将它们结合联系起来就更好了，
先谢谢大家了！

Answer 1

<img id="a" alt="图片A" src="a.gif" onmouseover="showB(this)" onmouseout="showA(this)"></img>
<img id="b" alt="图片B" src="b.gif" onmouseover="showA(this)" onmouseout="showB(this)"></img>

<script>
function showA(obj)
{
obj.src="a.gif";
}
function showB(obj)
{
obj.src="b.gif"
}
</script>

鼠标放图片上执行 onmouseover事件 鼠标移出执行onmouseout事件本回答被提问者采纳