javascript - onMouseOver 改变背景图片位置

Question

我正在尝试使用 javascript 重新定位 div 的背景图像。这是我所拥有的，但它似乎不起作用。我错过了什么？

<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition="0px 150px"">link one</a>
<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition="0px 350px"">link two</a>

<div id="rubbish_image"></a>

Answer 1

我不完全确定，但是我可以看到您的 JavaScript 有两个明显的问题:

1. 您在 a 标记的结束 > 之前有 两个 "，因此的
2. 您在 字符串中使用 "，这是不允许的(您可以在用 ' >"，反之亦然，但 " 位于由 " 分隔的字符串内，终止字符串)。

因此，我建议将代码修改为:

<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition='0px 150px';">link one</a>
<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition='0px 350px';">link two</a>

我不认为这是个大问题，但您也没有在 onmouseover 属性中终止您的 JavaScript，所以我还在末尾添加了 ;每一个。