点击图片实现背景的切换
-
实现效果
-
实现代码
<title>点击图片改变背景图片title><style>li {float: left;list-style: none;}li img {width: 100px;height: 100px;margin: 100px auto;}style>
head><body><ul><li><img src="../images/1.jpg" alt="">li><li><img src="../images/2.jpg" alt="">li><li><img src="../images/3.jpg" alt="">li><li><img src="../images/4.jpg" alt="">li>ul><script>// 1.获取事件源：var img = document.querySelector('ul').querySelectorAll('img');// 基本相同的元素利用循环绑定for (var i = 0; i < img.length; i++) {img[i].onclick = function () {document.body.style.backgroundImage = 'url(' + this.src + ' ) ';}}script>
body>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！