Question

在网站的每个页面上，菜单为每个页面都有不同的类，可以上下移动菜单图像以显示所选的菜单。

当页面转换为效果时，为了给人一种快速加载的印象，我需要使用JS立即定位背景图像，而不必等待下一页。

这似乎不起作用，我把警报代码看看它是否甚至加载了功能，但它没有

FIDDLE：

HTML：

<li><a href="index.html" onclick="javascript:menuchange('1');">Home</a></li>
<li><a href="what-we-do.html" onclick="javascript:menuchange('2');">What we do</a></li>
<li><a href="our-clients.html" onclick="javascript:menuchange('3');">Our clients</a></li>
<li><a href="testimonials.html" onclick="javascript:menuchange('4');">Testimonials</a></li>

JS：

function menuchange($itemclicked){
    document.getElementById("Menu").className = "page" & $itemclicked;
    alert("Code has been launched!");
}

Answer 1

您需要使用"page" + $itemclicked，而不是"page" & $itemclicked。

document.getElementById("Menu").className = "page" + $itemclicked;

&是JavaScript中的Bitwise operator，它对两个数字执行按位AND，返回一个数字。 "page" & 1会返回0。

Answer 2

javascript中有错误代码，使用+ not＆amp;用于连接字符串：

function menuchange($itemclicked){
     document.getElementById("Menu").className = "page" + $itemclicked;
    alert("Code has been launched!");
}

Answer 3

您需要做的就是改变你的＆amp;以+为例：

document.getElementById("Menu").className = "page" + $itemclicked;

点击不工作？

3 个答案: