DIV背景图像改变，但有限制:没有JavaScript "标签"

dom events - onMouseOver- DIV background image change but with restriction: No JavaScript "tag", no Style CSS?

本文关键字：quot 没有 JavaScript 标签 有限制 图像 背景 改变 DIV      更新时间：2023-09-26
<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'')';">
相关文章：