关于onmouseout的使用!!!

来源：百度知道 编辑：UC知道 时间：2024/07/02 00:56:10
我有几个挨着的图片按钮,我想让鼠标移动到图片上的时候切换图片,离开图片的时候还原图片,如何实现当鼠标从按钮A移动到按钮B的时候按钮A才会还原图片,而不是鼠标移动到按钮之外也可以让按钮A还原图片,也就是让鼠标离开按钮A后如果没有移动到按钮B或其他的按钮图片上那按钮A就不能还原图片,除非鼠标移动到另一个图片按钮上后按钮A才能还原图片,该怎么实现?
谁来回答我啊~~~~~~~~~~~~~~~~~~~~~~~~~

假设你有7个图
<img name="chgImg" src="a.gif" id="A" onmouseover="chgImg()" />
<img name="chgImg" src="b.gif" id="B" onmouseover="chgImg()" />
...
<img name="chgImg" src="c.gif" id="C" onmouseover="chgImg()" />

<script>
function chgImg()
{
var imgs = document.getElementsByName("chgImg");
for (i=0;i<imgs.length;i++)
{
imgs[i].src = imgs[i].id + ".gif";
}
var eventImg = event.srcElement;
eventImg.src = eventImg.id + ".gif";
}
</script>

相当于用id属性把每个按钮切换的图片路径存起来,如果id被占用,可以用alt或者title属性