0

我正在为朋友/客户的比萨店建立一个网站。它是本地的，他希望拥有基本功能，而不是太多维护。因此，我在静态 html 和 css 中构建它。

我遇到的问题是，当我尝试通过让 onmouseover 事件更改图像的 src 标签来使他的菜单一次出现一个部分时，它实际上从未改变。

我设置它的方式是一个 3 x 3 网格的菜单标题，每个 200 x 67 像素。在他们每个人上，我都有 do onmouseover="displaymenu(~)" ，其中 ~ 是数字 1 到 9，具体取决于按钮。该函数简单地调用一个开关，并在每种情况下将图像的 src 更改为显示菜单相应部分的其他图像下方。

我的功能设置如下：

function displaymenu(x) {
    switch (x) {
    case 1:
        document.getElementById("menuimage").src = "images/AppetizersMenu.jpg";
        break;
    case 2:
        //same as 1 except a different src, same for 3-9.

我试图更改的图像具有 id menuimage。此代码位于<head>我的文档部分。我似乎无法让事情正常工作，并且已经寻找解决方案。如果 javascript 不是要走的路，请告诉我，我会按照您的想法去做。

编辑：我尝试了 3 个最古老的解决方案，但没有成功。有人可以告诉我是否只是我的计算机有这些问题而不是代码问题？

非常感谢，-Elliot S

4

3 回答 3

1

尝试

document.getElementById("menuimage").setAttribute('src','images/AppetizersMenu.jpg;');

或者

document.getElementById("menuimage").src='images/AppetizersMenu.jpg';
于 2012-07-11T14:55:12.563 回答
1

您需要引用分配给 .src 属性的值，以便将其解释为文字字符串：

document.getElementById("menuimage").src = "images/AppetizersMenu.jpg";
于 2012-07-11T14:56:24.070 回答
0

我想这也会让你微笑

你的交换机不工作！

function displaymenu(x) {
var x = parseInt(x); // MAGIC LINE
switch (x) {
case 1:
   $('#holder').hide();
    break;
case 2:
    //same as 1 except a different src, same for 3-9.
于 2012-07-11T15:50:42.893 回答