<ul>
<li><img src="../img/long.png" alt=""></li>
<li><img src="../img/龙.jpg" alt=""></li>
</ul>
<script>
var lis=document.querySelectorAll("img");
for(let i in lis){
lis[i].onClick=function () {
document.body.style.backgroundImage='url('+this.src+')'//将点击的图片路径给大盒子背景路径;
}};
</script>
换背景
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:js 跑马灯特效(低配版)
下一篇:开关灯案例
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的css - 背景收缩动画按钮
借助 css transition 属性绘制出一个背景收缩交互的一个按钮。
css ux/ui 交互设计 动效设计 动画按钮 -
有趣的css - 动态的毛玻璃背景
用css实现一个小清新的动态毛玻璃背景效果。
css 动效 动态毛玻璃背景 ui ux -
OpenCV——给图片换背景
OpenCV——给图片换背景
#include #pragma 像素点 -
duilib 换背景
CControlUI* background...
背景图片 #include