JavaScript-154：关闭淘宝二维码案例

样式

        .box {position: relative;width: 300px;height: 300px;margin: 0 auto;border: 1px solid #ccc;text-align: center;display: block;color: red;}.btn {position: absolute;top: -1px;right: -15px;width: 15px;height: 15px;border: 1px solid #cccccc;line-height: 15px;font-family: Arial, Helvetica, sans-serif;}

结构

    <div class="box"><img src="https://www.dataojocloud.com/dataeye/v1/data/image/get?imageid=617a559d2ee1bd5a04779569" alt=""><i class="btn">X</i></div>

        var btn = document.querySelector('i');var div = document.querySelector('div');btn.onclick = function (){div.style.display = 'none';}

JavaScript-154：关闭淘宝二维码案例相关推荐

Web APls 阶段——第四节——案例:关闭淘宝二维码案例
淘宝点击关闭二维码需求:点击关闭之后,淘宝二维码关闭分析: ①:点击的是关闭按钮 ②:关闭的是父盒子核心:利用样式的显示和隐藏完成, display:none 隐藏元素 display:bloc ...
3.用js实现关闭淘宝二维码
用js实现关闭淘宝二维码 css代码如下: <style> *{ margin:0 ; padding: 0; } .box{ border: 1px solid black; margi ...
案例:js实现关闭淘宝二维码
案例:js实现关闭淘宝二维码先看效果演示: js实现过程: 第1步.获取页面元素 var x = document.getElementById('x');//id比较好用,因为id具有唯一性// ...
利用js关闭淘宝二维码?
可下载图片 <html lang="en"> <head><meta charset="UTF-8"><meta na ...
案例：js简单实现关闭淘宝二维码
<案例演示> <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
淘宝二维码显示与隐藏
代码部分 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
淘宝二维码对网店推广的好处
1. 淘宝二维码好处淘宝买家通过手机上的二维码识别软件,扫描卖家发布的淘宝二维码,可以直接找到卖家的促销活动, 店铺首页,宝贝单品.免去输入网址.关键词搜索的麻烦.淘宝卖家可以将二维码印刷到包裹中的宣 ...
JS仿淘宝关闭二维码案例
点击关闭按钮可以实现二维码的关闭功能 <!DOCTYPE html> <html lang="en"><head><meta charse ...
前端案例——2.仿淘宝关闭二维码案例
  <! ...

JavaScript-154：关闭淘宝二维码案例

JavaScript-154：关闭淘宝二维码案例相关推荐

最新文章

热门文章