onMouseOver- DIV 背景图像更改但有限制：没有 javascript “标签”，没有样式 css？

Question

<div id="test" name="myDIV" style="background-image: url('img/img3'); width: 280px;    height: 150px " >

</div>
<br><br>
<hr>
<img alt="" id="1" src="img/image1"  onmouseover="javascript:    document.getElementById('test').style.backgroundImage=url('img/img1')">
<img alt="" id="2" src="img/image2"  onmouseover="javascript: document.getElementById('test').style.backgroundImage=url('img/img2)">

类似的东西，不允许外部清除 function changeBgImage() 。 不允许在 CSS 之外。 我知道这家公司很复古~^^

有什么帮助吗？ 目前，这显示了错误。 抱歉，由于 stackoverflow 没有为图像添加后缀，我认为我在没有特权的情况下发布图像。 image1.jpg, image2.jpg, image3.jpg 本来应该写的，省略掉，否则不能发。 对不起~

Answer 1

url() 不是 JavaScript function。 它实际上是您要设置的 CSS 值的一部分，因此您可能不得不做一些邪恶的双引号，如下所示：

/* ... */ .style.backgroundImage = 'url(\'img/img1\')';

PS。 在第一个onmouseover处理程序的末尾，您还缺少一个单引号。

Answer 2

<img alt="" id="1" src="img/image1" onmouseover="javascript: document.getElementById('test').style.backgroundImage='url(\'img/img1\')';">
<img alt="" id="2" src="img/image2" onmouseover="javascript: document.getElementById('test').style.backgroundImage='url(\'img/img2\')';">

Answer 3

document.getElementById('test').style.backgroundImage = "url('img/img2)'"

使用它代替您当前的内联 JavaScript，它应该可以工作。 如果您考虑 CSS 的外观：

#test { background-image: url('img/img3'); }

那么很明显url是 CSS 属性值的一部分，因此需要引用。