js关闭广告

最新推荐文章于 2023-05-04 21:59:36 发布

前端小疯子

最新推荐文章于 2023-05-04 21:59:36 发布

阅读量2.2k

点赞数 1

分类专栏： js js特效文章标签： js关闭广告

本文链接：https://blog.csdn.net/weixin_45097456/article/details/101533561

版权

js特效同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<style>
			#bx1{
			height: 500px;
			background: url(img/01.jpg)no-repeat;
			position: relative; 
			}
			#bx2{
				width: 100px;
				height: 100px;
				position: absolute;
				left: 400px;
			}
			
		</style>
	</head>
	<body>
		<div  id="bx1">
			<img id="bx2" src="img/02.jpg" alt="">
		</div>
		<script>
			window.onload =function(){
				var bx1 =document.getElementById('bx1');
				var bx2 =document.getElementById('bx2');
				bx2.onclick =function(){
					this.parentNode.style.display='none';           // 第一种方式this.指向bx2，隐藏方式;
				//	this.parentNode.remove();        				// 第二种删除父元素，属性的方式;
				}
				
				
			}
		</script>

当点击X时广告关闭。

前端小疯子

关注

1
点赞
踩
18

收藏

觉得还不错? 一键收藏
0
评论
js关闭广告

<style> #bx1{ height: 500px; background: url(img/01.jpg)no-repeat; position: relative; } #bx2{ width: 100px; height: 100px; position: absolute; left: 400px; ...
复制链接

扫一扫