Question

html中用 js 切换图片

html：
<style>
#img{ background: url(1.png); width:300px;}
</style>
<div id="img" onMouseMove="img_change()" onMouseOut="img_res()">1111</div>
请写一个js文件，编写img_change()和img_res()函数，单我鼠标移动到id为img的div时，图片改变为2.png
如果鼠标移出id为img的div时，图片改为1.png（要求：使用getElementById("img") ）

Answer 1

<style>
#img{ background: url(1.png); width:300px;height:300px}
</style>
<script>
function img_change(){
var imgOn=document.getElementById("img");
imgOn.style.backgroundImage="url(2.png)"
}
function img_res(){
var imgOut=document.getElementById("img");
imgOut.style.backgroundImage="url(1.png)"
}
</script>
<div id="img" onmousemove="img_change()" onmouseout="img_res()">你好</div>