防淘宝关闭二维码案例

代码展示：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>#container {/* background-color: red; */height: 115px;width: 180px;margin: 100px auto;position: relative;text-align: center;/* overflow: hidden; */}.close-btn {position: absolute;left: 0px;top: 0px;}</style></head><body><div id="container"><div class="box"><span>淘宝二维码</span><img src="./img/4.jpg" width="150"><i class="close-btn">x</i></div></div><script>var i = document.querySelector('.close-btn'); //获取元素对象var cont = document.querySelector('#container')  //获取大盒子对象//注册事件 事件处理函数i.onclick = function() {cont.style.display="none";}</script></body>
</html>

效果如下：

防淘宝关闭二维码案例相关推荐

前端案例——2.仿淘宝关闭二维码案例
  <! ...
仿淘宝关闭二维码案例
要求 : 当鼠标点击二维码关闭按钮的时候 , 则关闭整个二维码 . 案例分析: 核心思路 : 利用样式的显示和隐藏完成 , display:none隐藏元素 , display:block显示元素 . ...
JS仿淘宝关闭二维码案例
点击关闭按钮可以实现二维码的关闭功能 <!DOCTYPE html> <html lang="en"><head><meta charse ...
js: 动画筋斗云导航栏仿淘宝关闭二维码
筋斗云导航栏 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF ...
Dom——仿淘宝关闭二维码
仿淘宝关闭二维码效果整体的样式如上图所示.(素材图片可去淘宝保存图片) 当点击二维码广告旁边的叉叉,则会把广告关闭. 核心思路点击叉叉,关闭整个广告,则需要的事件源有叉叉符号,整个广告盒子:事件 ...
DOM ------ 仿淘宝关闭二维码
仿淘宝关闭二维码完成效果如下: //css代码.box{position: relative;width: 74px;height: 88px;border: 1px solid #ccc;marg ...
[淘宝客技术篇006]如何登录阿里妈妈-《登录淘宝网·二维码实现法》（下）
<登录淘宝网·二维码实现法> 如下图所示,详解各步骤: 1.用户请求登录: 2.请求获取二维码.请求地址:https://qrlogin.taobao.com/qrcodelogin/ge ...
Web APls 阶段——第四节——案例:关闭淘宝二维码案例
淘宝点击关闭二维码需求:点击关闭之后,淘宝二维码关闭分析: ①:点击的是关闭按钮 ②:关闭的是父盒子核心:利用样式的显示和隐藏完成, display:none 隐藏元素 display:bloc ...
js实战案例--点击关闭二维码
js实战案例–点击关闭二维码要求:当鼠标点击二维码关闭按钮时,则关闭整个二维码如

防淘宝关闭二维码案例

防淘宝关闭二维码案例相关推荐

最新文章

热门文章