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

﹏ヽ暗。殇╰゛Y 2022-12-12 04:38 22阅读 0赞

## 用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="image/tb.png" alt="">       
      <span id="x">x</span>   
      </div>

js代码如下：

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

![在这里插入图片描述][20201005200217195.png_pic_center]

[20201005200217195.png_pic_center]: /images/20221123/781db54ee0084bb5bdd4963135c2e5e4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，22人围观）

还没有评论，来说两句吧...

相关阅读

相关用HTML+JS制作二维码生成器

代码如下 -------------------- <!DOCTYPE html> <html> <head> <meta name="viewport" co

女爷i/ 2024年03月02日 09:02/ 0 赞/ 76 阅读

相关淘宝关闭二维码案例

![在这里插入图片描述][20200612212552816.gif] 素材： ![在这里插入图片描述][20200612212616650.png]![在这里插入图片

Bertha 。/ 2023年02月17日 06:18/ 0 赞/ 24 阅读

相关 js 实现完整版淘宝购物车

功能分析： 1、实现单选和全选 2、实现商品数量的加减和输入，小计金额和总件数也跟着发生改变，以及判断是否选中 3、实现选中商品金额总计 4、可以删除商品，删除商

た入场券/ 2023年01月09日 15:32/ 0 赞/ 241 阅读

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

用js实现关闭淘宝二维码 css代码如下： <style> { margin:0 ; pa

﹏ヽ暗。殇╰゛Y/ 2022年12月12日 04:38/ 0 赞/ 23 阅读

相关 JS生成二维码

<html> <head> <title>二维码demo</title> <meta http-equiv="Content-Type" con

灰太狼/ 2022年08月08日 09:13/ 0 赞/ 319 阅读

相关 js生成二维码

首先引入qrcode.js文件(请大家耐心翻到最后)： /\from tccdn minify at 2014-6-4 14:59:43,file��/cn/c/c/qrco

秒速五厘米/ 2022年06月15日 06:59/ 0 赞/ 419 阅读

相关 html用js生成二维码

1 首先要引用两个js文件，该js在后面会贴出来 <script src="Js/jquery.qrcode.js" type="text/javascript"><

Dear 丶/ 2022年05月18日 05:43/ 0 赞/ 405 阅读

相关 js 生成二维码

代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

分手后的思念是犯贱/ 2022年04月08日 09:08/ 0 赞/ 407 阅读

相关 js-淘宝放大镜

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dla

矫情吗；*/ 2022年03月12日 11:18/ 0 赞/ 411 阅读

相关 js 淘宝焦点图

> <!DOCTYPE html> > <html lang="zh-cn"> > <head> > <meta charset="UTF-8"> >

淡淡的烟草味﹌/ 2022年03月11日 07:56/ 0 赞/ 305 阅读