javascript - onMouseOver- DIV 背景图像更改但有限制 : No JavaScript "tag", 没有样式 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.jpg"  onmouseover="javascript:    document.getElementById('test').style.backgroundImage=url('img/img1')">
<img alt="" id="2" src="img/image2.jpg"  onmouseover="javascript: document.getElementById('test').style.backgroundImage=url('img/img2)">

类似这样的事情，没有外界清楚<javascript> function changeBgImage() </javascript>被允许。不允许使用外部 CSS。我知道这家公司很复古~^^

有什么帮助吗？目前，这显示了错误。

Answer 1

url() 不是 JavaScript 函数。它实际上是您要设置的 CSS 值的一部分，因此您可能必须执行一些邪恶的双引号，如下所示:

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

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