Javascript实现关闭广告效果_js教程

Javascript实现关闭广告效果

2022-01-11 16:21爱前端的茂茂 js教程

这篇文章主要为大家详细介绍了Javascript实现关闭广告效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

用Javascript实现关闭广告案例，供大家参考，具体内容如下

正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教。

我们在网页中经常可以看见烦人的小广告，并且广告的旁边通常会有一个特定的位置和图标来关闭这个广告图。下面用JS代码来简单的实现

				?

									<!DOCTYPE html>

									<html lang="en">

									<head>

									  <meta charset="UTF-8">

									  <title>Title</title>

									  <style>

									    *{

									      padding: 0;

									      margin: 0;

									      border: 0;

									    }

									    .gg{

									      width: 100%;

									      height: 300px;

									      background-image: url("../images/JD.png");

									    }

									    .img{

									      width: 20px;

									      height: 20px;

									      float: right;

									    }

									  </style>

									</head>

									<body>

									<div class="gg">

									  <img class="img" src="../images/2.jpg" title="关闭">

									</div>

									<script>

									  var gg=document.querySelector('.gg')

									  var mg=document.querySelector('img')

									  mg.onclick=function () {

									    gg.style.display='none'

									  }

									</script>

									</body>

									</html>