<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。我知道这家公司很复古~ ^^
帮忙吗?
url()不是JavaScript函数。它实际上是你想要设置的CSS值的一部分,所以你可能需要做一些邪恶的双引号,像这样:
/* ... */ .style.backgroundImage = 'url('img/img1')';
p。您还缺少第一个onmouseover
处理程序末尾的单引号。
document.getElementById('test').style.backgroundImage = "url('img/img2)'"
用它代替当前的内联JavaScript,它应该可以工作。如果你想一下CSS的样子:
#test { background-image: url('img/img3'); }
那么很明显,url
是CSS属性值的一部分,因此需要加引号
<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')';">