<body>
<style>
body{
background: url(images/1.jpg) no-repeat center top; position: relative;
}
.box{ display:flex;
justify-content:center;
align-items:center;background: #ffff; padding: 10px;}
.box ul li{ float: left; width:200px;}
</style>
<div class="box">
<ul>
<li><img src="images/1.jpg"></li>
<li><img src="images/2.jpg"></li>
<li><img src="images/3.jpg"></li>
</ul>
</div>
<script>
var imgs=document.querySelectorAll('.box li img')
for(var i=0;i<imgs.length; i++){
imgs[i].onclick=function(){
document.body.style.background='url('+this.src+')'
}
}
</script>
</body>
js换肤效果
最新推荐文章于 2023-08-29 20:03:14 发布