html 隐藏广告代码,Javascript实现关闭广告实现删除广告的效果

目录

?

???1.先写基础的html样式

???2.添加后面会用到的css样式

? ? ? ? 3.现在开始写script样式，我们先把需要获取到的元素获取到

???4.然后通过js添加一些css样式

???5.现在我们写点击事件

????6.我们现在优化一下，再加一个点击事件

???7.最终样式

---

1.先写基础的html样式

	
		
		
	
	
	
		

			
告诉你件事。我是广告
			
			点我有惊喜
			
		
		
		
	
	

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

2.添加后面会用到的css样式

	
		
		
		
	
	
		

			
告诉你件事。我是广告
			
			点我有惊喜
			
		
		
	
	

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

3.现在开始写script样式，我们先把需要获取到的元素获取到

		
1
2
3
4
5
6
7

4.然后通过js添加一些css样式

		
1
2
3
4
5
6
7
8
9
10
11

5.现在我们写点击事件

	
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

这里通过点击事件将sex1.style.display = ‘none’;和this.style.display = ‘none’;属性设置好

6.我们现在优化一下，再加一个点击事件

		
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

7.最终样式

	
		
		
		
	
	
		

			
告诉你件事。我是广告
			
			点我有惊喜
			
		
		
		
		
	

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦