zoukankan      html  css  js  c++  java
  • 百度背景画面切换效果,js做

    <!DOCTYPE html>
    <html>
    <head>
    <title>baidu</title>
    <meta charset="utf-8">
    <style type="text/css">
    .box{
    position: relative;
    left: 500px;
    }
    body{
    background-image: url(1.jpg);
    }
    </style>
    </head>
    <body>
    <div class="box">
    <img src="1.jpg" alt="" width="150" id="pic1"/>
    <img src="2.jpg" alt="" width="150" id="pic2"/>
    <img src="3.jpg" alt="" width="150" id="pic3"/>
    </div>
    <script type="text/javascript">
    var pic1 = document.getElementById("pic1");
    var pic2 = document.getElementById("pic2");
    var pic3 = document.getElementById("pic3");
    pic1.onclick = function(){
    document.body.style.backgroundImage = "url(1.jpg)";
    }
    pic2.onclick = function(){
    document.body.style.backgroundImage = "url(2.jpg)";
    }
    pic3.onclick = function(){
    document.body.style.backgroundImage = "url(3.jpg)";
    }
    </script>
    </body>
    </html>

  • 相关阅读:
    小程序 scroll-view 中文字不换行问题
    模块
    网络编程
    元类
    day24
    day23
    day22
    day21
    day18
    day17
  • 原文地址:https://www.cnblogs.com/yzybc/p/5750645.html
Copyright © 2011-2022 走看看