HTML怎么编写可关闭广告,JS实现关闭小广告特效
本文实例为大家分享了JS实现关闭小广告特效的具体代码,供大家参考,具体内容如下
知识点
1、获取元素
2、通过元素获取父元素
3、删除节点
4、设置元素隐藏
运行效果
直接删除
隐藏
代码
Title
#box{
height: 200px;
width: 200px;
position: relative;
display: inline-block;
}
#box>#icon{
height: 100%;
width: 100%;
}
div>img:nth-child(2){
height: 30px;
width: 30px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
window.onload = function (ev) {
// 1. 获取关闭标签
var close = document.querySelector('#close');
// 2. 接听点击
close.onclick = function (ev1) {
// 直接删除
// this.parentElement.remove();
// this.parentNode.remove();
//隐藏
this.parentElement.style.display = 'none';
// this.parentElement.setAttribute('style','display:none');
}
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持IIS7站长之家。
HTML怎么编写可关闭广告,JS实现关闭小广告特效相关推荐
- 利用HTML+css+js制作侧边栏小广告
利用HTML+css+js制作小广告 1.页面效果 2.HTML代码 3.css代码(给广告位设置样式) 4.js代码 在这里插入图片描述
- # 电脑管家_如何彻底关闭电脑上的“恶心小广告”?联想电脑管家一步到位!...
近期陕西卫视曝光了一组电脑上的"少儿不宜"广告弹窗,并通过追踪查出为2345.WPS和今日热点的弹窗所为.这些广告内容不但低俗恶心,而且还会不合时宜的频繁弹出来打扰用户. 这些弹窗 ...
- 用js实现网页中小广告弹出
1.首先先规定一个盒子:将广告内容放入盒子中. 2.在css样式中修改盒子大小,规格等: 3.在js中设小广告出现.
- js随机飘动的广告图片代码demo效果示例(整理)
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...
- JS实现网页流氓广告效果
JS实现网页流氓广告效果 大家在浏览网页的时候,是不是经常遇到各种各样的垃圾弹窗,当你把它关闭之后,过一段时间他又弹出来,非常的让人心烦. 这种流氓弹窗我们是可以通过JavaScript的 s ...
- 如何编写高质量的 JS 函数(1) -- 敲山震虎篇
本文首发于 vivo互联网技术 微信公众号 链接:https://mp.weixin.qq.com/s/7lCK9cHmunvYlbm7Xi7JxQ 作者:杨昆 一千个读者,有一千个哈姆雷特. 此系 ...
- php提交表单关闭弹出层,使用js实现关闭js弹出层的窗口
本篇文章主要是对使用js实现关闭js弹出层的窗口的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 function toggle() { theObj = document.getE ...
- sohu广告js代码调研
目前我迫切需要关注一种sohu弹窗广告(它们叫做背投广告)的实现方法,为此对其源码做了研究. 目前打开搜狐新闻主页 http://news.sohu.com 就会自动弹出一个背投广告. 这种背投广告的 ...
- 移动端网页使用flexible.js加入百度联盟广告样式不一致问题解决
flexible.js是淘宝推出的一款移动端手机自适应的库,源码内容很简洁,当网页使用了该库之后,页面会在head中加入对应的页面响应式的meta标签. 当使用flexible.js的时候,引入百度联 ...
最新文章
- clion register
- 敏捷个人架构图 V1.3
- 记一次Linux修改MySQL配置不生效的问题
- OVS中arp响应的流表的实现
- raft中集群成员变更
- java圆饼图插件_饼图----插件
- DropDownList选中值,不存在的时候不出错的写法
- 【DP】K星人的语言(2020特长生 T3)
- 代码jit_但这是不可能的,或者无法发现JIT破坏了您的代码。
- 学习Node.js并开始在浏览器之外执行JavaScript
- BZOJ3928 [Cerc2014] Outer space invaders
- vue3.0项目创建
- Centos 6.8 为自己打造Linux小系统
- JBPM开发入门指南(3)
- 机器学习基础知识(一):机器学习三大流派
- oracle里面asm的作用,深入了解Oracle ASM(一):基础概念
- ArcGIS Zonal Statistics as Table 工具报错解决
- js刷新页面的几种方式与区别
- 关于ubuntu20.04通过Software and updates安装NVIDIA驱动
- 解决 ERROR oslo_service.periodic_task AttributeError: ‘ComputeNode‘ object has no attribute ‘nodename‘
热门文章
- 数据库中的字段varchar类型和char类型的区别?
- mlxtend对sklearn进行扩展
- 函数重载和 函数模板
- html标准模式与混杂模式,关于Doctype、严格模式与混杂模式
- tensorflow 加载下载波士顿房价数据集
- 【JDK源码】Iterator与Iterable的实现与区别
- LeetCode 207. Course Schedule--有向图找环--面试算法题--DFS递归,拓扑排序迭代--Python
- 自研Spring容器,带你解析ioc内部原理
- python协程异步原理_简单介绍Python的Tornado框架中的协程异步实现原理
- mysql表打包到程序中_关于数据库程序的打包