zoukankan      html  css  js  c++  java
  • JS——百度背景图

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            *{
                padding: 0;
                margin: 0;
            }
            body{
                background-image: url("image/1.jpg");
            }
            div{
                margin-top: 10px;
                padding-top: 50px;
                height: 150px;
                text-align: center;
                background: rgba(255,255,255,0.3);
            }
            img{
                 150px;
                margin: 0 10px;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
    <div>
        <img src="image/1.jpg">
        <img src="image/2.jpg">
        <img src="image/3.jpg">
        <img src="image/4.jpg">
        <img src="image/5.jpg">
    </div>
    <script>
    var imgArr=document.getElementsByTagName("img");
    for (var i = 0; i < imgArr.length; i++) {
        imgArr[i].onclick=function () {
            document.body.style.backgroundImage="url("+this.src+")";
        }
    }
    </script>
    </body>
    </html>

  • 相关阅读:
    MyDAL
    MyDAL
    MyDAL
    MyDAL
    MyDAL
    MyDAL
    MyDAL
    MyDAL
    MyDAL
    ThinkPad 安装 Ubuntu 18.10 系统 -- 高分屏各项配置与Nvdia独显驱动
  • 原文地址:https://www.cnblogs.com/wuqiuxue/p/7884672.html
Copyright © 2011-2022 走看看