<nav>
<div class="list">
<img src="./img/bg1.jpg" alt="">
<img src="./img/bg2.jpg" alt="">
<img src="./img/bg3.jpg" alt="">
<img src="./img/bg4.jpg" alt="">
<img src="./img/bg5.jpg" alt="">
<img src="./img/bg6.jpg" alt="">
</div>
</nav>
<script>
var imgs=document.querySelectorAll(".list img")
var body=document.body
//给图片绑定鼠标移入事件
for(var i=0;i<imgs.length;i++){
//绑定事件
imgs[i].onmouseover=function(){
body.style.backgroundImage="url("+this.src+")"
}
}
</script>