3.用js实现关闭淘宝二维码

用js实现关闭淘宝二维码

css代码如下：

 <style>        *{            margin:0 ;            padding: 0;        }       .box{            border: 1px solid black;            margin: 100px auto;           position: relative;            width: 150px;        }        #x{            border: 1px solid black;            height: 17px;            line-height: 17px;           width: 10px;            position: absolute;            top: 0;            left: -12px;            cursor: pointer;            color: orangered;            font-weight: bold;            text-align: center;        }    </style>

HTML代码如下：

 <div class="box">      <img src="data:image/tb.png" alt="">       <span id="x">x</span>   </div>

js代码如下：

<script>          document.querySelector('#x').onclick=function(){                                 document.querySelector('.box').style.display='none'        }    </script>~

3.用js实现关闭淘宝二维码相关推荐

案例:js实现关闭淘宝二维码
案例:js实现关闭淘宝二维码先看效果演示: js实现过程: 第1步.获取页面元素 var x = document.getElementById('x');//id比较好用,因为id具有唯一性// ...
Web APls 阶段——第四节——案例:关闭淘宝二维码案例
淘宝点击关闭二维码需求:点击关闭之后,淘宝二维码关闭分析: ①:点击的是关闭按钮 ②:关闭的是父盒子核心:利用样式的显示和隐藏完成, display:none 隐藏元素 display:bloc ...
利用js关闭淘宝二维码?
可下载图片 <html lang="en"> <head><meta charset="UTF-8"><meta na ...
案例：js简单实现关闭淘宝二维码
<案例演示> <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
JavaScript-154：关闭淘宝二维码案例
样式 .box {position: relative;width: 300px;height: 300px;margin: 0 auto;border: 1px solid #ccc;text-al ...
淘宝二维码显示与隐藏
代码部分 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
淘宝二维码对网店推广的好处
1. 淘宝二维码好处淘宝买家通过手机上的二维码识别软件,扫描卖家发布的淘宝二维码,可以直接找到卖家的促销活动, 店铺首页,宝贝单品.免去输入网址.关键词搜索的麻烦.淘宝卖家可以将二维码印刷到包裹中的宣 ...
JS前端调用TSC打印二维码、条码
公司让用js调用TSC打印二维码,本人已调试成功,希望大家有所帮助! ActiveX下载地址:ActiveX下载地址! 实现代码:JS前端调用TSC打印二维码实现代码 <HTML> < ...
js前端根据链接生成二维码并转成图片下载
js前端根据链接生成二维码并转成图片下载依赖于jquery.jquery.qrcode.min.js 1.html <div class="qrcode"></ ...

3.用js实现关闭淘宝二维码

用js实现关闭淘宝二维码

3.用js实现关闭淘宝二维码相关推荐

最新文章

热门文章