JavaScript 图像更改错误

Question

今天刚加入就已经很喜欢这个网站了。

我的问题是。我正在尝试为我的网站创建 6 个菜单。像例如 { 家，关于我们，服务 ..... } 我希望只要用户鼠标悬停在菜单上，图像就会改变。我实际上是从网上获得了这张纸条。但它是一个图像的例子下面是代码:JavaScript/DHTML/AJAX 语法(切换纯文本)

function roll_over(img_name, img_src)
{
document[img_name].src = img_src;
}

对于 body JavaScript/DHTML/AJAX 语法(切换纯文本)

<A HREF="some.html" onmouseover="roll_over('but1', 'icon2.gif')"
onmouseout="roll_over('but1', 'icon1.gif')">
<IMG SRC="icon1.gif" WIDTH="100" HEIGHT="50"
NAME="but1" BORDER="0">
</A>

现在我尝试将这五次相乘，(只是重复代码并更改图片名称)- 但每当我将鼠标悬停在图像上时，它们都不会改变。

所以我的问题是:如何将上述代码从一个图像转换器变成 6 个图像转换器？

谢谢!

Answer 1

尝试为每个图像使用一个 id(id 必须是唯一的，因此不应该有具有相同 id 的元素):

<A HREF="some.html" onmouseover="roll_over('but1', 'icon2.gif')" onmouseout="roll_over('but1', 'icon1.gif')">
  <IMG SRC="icon1.gif" WIDTH="100" HEIGHT="50" ID="but1" BORDER="0" />
</A>

还有这段代码:

function roll_over(img_id, img_src) {
  document.getElementById(img_id).src = img_src;
}