我正在尝试使用 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>
最佳答案
我不完全确定,但是我可以看到您的 JavaScript 有两个明显的问题:
- 您在
a
标记的结束> 之前有 两个
"
,因此的 - 您在 字符串中使用
"
,这是不允许的(您可以在用'
>",反之亦然,但"
位于由"
分隔的字符串内,终止字符串)。
因此,我建议将代码修改为:
<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,所以我还在末尾添加了 ;
每一个。
关于javascript - onMouseOver 改变背景图片位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6447386/