onMouseOver-DIV背景图像更改,但有限制:无javascript“;标签";,没有样式css?

onMouseOver-DIV背景图像更改,但有限制:无javascript“;标签";,没有样式css?,javascript,javascript-events,Javascript,Javascript Events,类似于此,没有外部清除函数changeBgImage() 是允许的。不允许使用外部CSS。我知道这家公司很复古~^^ 有什么帮助吗?目前,这显示了错误。 很抱歉,由于stackoverflow认为我没有权限发布图像,因此图像没有后缀。image1.jpg、image2.jpg、image3.jpg本应写入,但忽略了,否则无法发布。抱歉~url()不是JavaScript函数。它实际上是您想要设置的CSS值的一部分,因此您可能必须执行一些邪恶的双引号,如下所示: <div id="test"

类似于此,没有外部清除函数changeBgImage() 是允许的。不允许使用外部CSS。我知道这家公司很复古~^^

有什么帮助吗?目前,这显示了错误。 很抱歉,由于stackoverflow认为我没有权限发布图像,因此图像没有后缀。image1.jpg、image2.jpg、image3.jpg本应写入,但忽略了,否则无法发布。抱歉~

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

<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)">
另外,在MouseOver处理程序的第一个
末尾,您还缺少一个引号。


/* ... */ .style.backgroundImage = 'url(\'img/img1\')';
使用它而不是当前的内联JavaScript,它应该可以工作。如果您考虑CSS的外观:

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

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

不幸的是,这会破坏HTML属性,因为HTML不关心反斜杠。
document.getElementById('test').style.backgroundImage = "url('img/img2)'"
#test { background-image: url('img/img3'); }