淘宝二维码显示与隐藏
代码部分
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<style>.box {position: relative;width: 74px;height: 88px;border: 1px solid #ccc;margin: 100px auto;font-size: 12px;text-align: center;color: #f40;/* display: block; */}.box img {width: 60px;margin-top: 5px;}.close-btn {position: absolute;top: -1px;left: -16px;width: 14px;height: 14px;border: 1px solid#ccc;line-height: 14px;font-family: Arial, Helvetica, sans-serif;cursor: pointer;}
</style>
<body><div class="box">淘宝二维码<img src="tb.png" alt=""><i class="close-btn">×</i></div><script>var btn = document.querySelector('.close-btn');var box = document.querySelector('.box');btn.onclick = function(){box.style.display = 'none';}</script>
</body>
</html>
图片
淘宝二维码显示与隐藏相关推荐
- Web APls 阶段——第四节——案例:关闭淘宝二维码案例
淘宝点击关闭二维码 需求:点击关闭之后,淘宝二维码关闭 分析: ①:点击的是关闭按钮 ②:关闭的是父盒子 核心:利用样式的显示和隐藏完成, display:none 隐藏元素 display:bloc ...
- 淘宝二维码对网店推广的好处
1. 淘宝二维码好处淘宝买家通过手机上的二维码识别软件,扫描卖家发布的淘宝二维码,可以直接找到卖家的促销活动, 店铺首页,宝贝单品.免去输入网址.关键词搜索的麻烦.淘宝卖家可以将二维码印刷到包裹中的宣 ...
- 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简单实现关闭淘宝二维码
<案例演示> <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
- 利用js关闭淘宝二维码?
可下载图片 <html lang="en"> <head><meta charset="UTF-8"><meta na ...
- JavaScript-154:关闭淘宝二维码案例
样式 .box {position: relative;width: 300px;height: 300px;margin: 0 auto;border: 1px solid #ccc;text-al ...
- 微信扫码登录自定义二维码显示信息
微信扫码登录,自定义二维码显示信息 <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js& ...
- android TV端如何读取微信网页版二维码显示生成一张图片
今天讲下TV端接二维码遇到的一些问题,由于是在微信平台申请的是以网站那种形式申请的,而不是服务号申请的,所以客户端显示的二维码是以网页的形式展现的,网页是用WebView加载实现的,但是我们的界面是这 ...
最新文章
- Python基础学习笔记--字符串、列表
- 关于VC中的Timer
- Etcd 架构与实现解析
- 【MM模块】Variances without ref to an item 容差设置
- java的成员方法_java编程中的成员方法是什么?
- 学计算机,怎么入门?
- 43. ExtJs控件属性配置详细
- mongodb [main] Automatically disabling TLS 1.0, to force-enable TLS 1.0 specify
- 那些在家啃书自学算法的人,最后都找到工作了吗?
- linux下python开发工具_Python开发工具 Wing IDE
- yum install ruby出错:error downloading packages
- 组合数的研究 —— 连续整数的配对
- mysql跨服务跨库查询
- 这种性生活伤女人尿道
- 如何启用/开启本机的IIS服务
- 软件测试工程师面试题及答案
- 使用示波器的正确姿势
- matlab中长整数表示,matlab – 整数的因式分解
- 手把手教你构建 C 语言编译器(4)- 递归下降
- Ceph入门到精通-Ceph之对象存储网关RADOS Gateway(RGW)
热门文章
- java中的LinkedList(链表)与ArrayList(动态数组):(1)简单辨析
- python爬虫实战(四):selenium爬虫抓取阿里巴巴采购批发商品
- 青春三部曲(《且听风吟》,《一九七三年的弹子球》,《寻羊冒险记》)--[日]村上春树...
- 南宁发展重点向南 五象湖标志性建筑“五象塔”落成
- 陈式太极拳小架一路拳谱(陈鑫拳架)
- css过滤白色,使用CSS3模糊滤镜时,白色模糊的图像?
- 面向卫星互联网的层级化智能部署架构
- SHEN ZHEN归来!
- 创维电视android,当贝市场创维酷开专用版
- 大厂Redis day2 自用笔记