案例_关闭二维码

最新推荐文章于 2022-03-29 16:57:48 发布

不想做程序员的Amateur

最新推荐文章于 2022-03-29 16:57:48 发布

阅读量141

点赞数

分类专栏：前端自学文章标签： HTML CSS JavaScript 事件处理广告关闭

本文链接：https://blog.csdn.net/weixin_46145958/article/details/119494023

版权

前端自学专栏收录该内容

13 篇文章 0 订阅

订阅专栏

案例_关闭二维码

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>关闭二维码（关闭广告）</title>
    <style>
      div {
        display: block;
        position: relative;
        height: 200px;
        width: 200px;
        margin: 50px auto;
      }
      img {
        /* height: 100%; */
        width: 100%;
      }
      span {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 20px;
        width: 20px;
        line-height: 20px;
        text-align: center;
        color: red;
        background-color: #fff;
      }
    </style>
  </head>
  <body>
    <div>
      <img src="../img/索隆.jpeg" title="我是广告索隆" />
      <span>×</span>
      <!-- 修改样式属性 -->
      <script>
        //   1） 获取元素
        var span = document.querySelector("span");
        var div = document.querySelector("div");
        //   2） 注册事件 处理程序
        span.onclick = function () {
          div.style.display = "none";
        };
      </script>
    </div>
  </body>
</html>

不想做程序员的Amateur

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
案例_关闭二维码

案例_关闭二维码<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
复制链接

扫一扫