<body>
<ul class="baidu">
<li> <img src ="images/1.jpg"> </li>
<li> <img src ="images/2.jpg"> </li>
<li> <img src ="images/3.jpg"> </li>
<li> <img src ="images/4.jpg"> </li>
<ul>
<script>
var imgs=document.querySelector('.baidu').querySelectorAll('img');
for(var i=0; i<imgs.length; i++) {
imgs[i].onclick=function() {
document.body.style.backgroundimage='url('+this.src+')';
}
}
</script>
</body>
这是一个JavaScript代码片段,用于在网页中实现点击图片时将图片设为页面背景。代码首先选取所有带有'baidu'类名的<ul>元素内的所有<img>图片,然后为每张图片添加点击事件监听器,当点击图片时,将图片的src属性作为背景图片的URL。
656

被折叠的 条评论
为什么被折叠?



