Dom——仿淘宝关闭二维码-白红宇的个人博客

Dom——仿淘宝关闭二维码

发布日期：2021-06-29 11:16:45 浏览次数：2 分类：技术文章

本文共 208 字，大约阅读时间需要 1 分钟。

仿淘宝关闭二维码

效果

整体的样式如上图所示。（素材图片可去淘宝保存图片）

当点击二维码广告旁边的叉叉，则会把广告关闭。

核心思路

点击叉叉，关闭整个广告，则需要的事件源有叉叉符号，整个广告盒子；事件类型为点击onclick。只要点击事件触发后，整个盒子display:none即可。

HTML与CSS


   
        点击右边叉叉可以关闭我哦    
        
    ×

JavaScript部分

转载地址：https://blog.csdn.net/zx2014567296/article/details/117791424 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：Dom——仿百度换肤

下一篇：Dom——仿京东显示密码

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

推荐文章

电容有17种？看看详细介绍！ 2019-04-29

如何准备电赛？19年电赛经验总结！ 2019-04-29

蓝牙：为啥叫“蓝”牙，不叫“白”牙？ 2019-04-29

干货 | 如何系统学习 C 语言？ 2019-04-29

多层PCB内部长啥样? 3D大图解析高端PCB板的设计工艺 2019-04-29

鸿蒙2.0都来了，快搭个环境玩起来吧！ 2019-04-29

PCB散热的10种方法！ 2019-04-29

值得收藏！268条PCB layout设计规范 2019-04-29

Keil升级了，Keil Studio 来了！ 2019-04-29

关于RS-485总线，这篇很详细 2019-04-29

关于2021年电赛的一些想法，看到就是赚到！ 2019-04-29

教你一秒分辨真假芯片！ 2019-04-29

抽奖 | 送STM32开发板 2019-04-29

光立方，永远的神！ 2019-04-29

学习STM32很简单？ 2019-04-29

电赛 | 电源题软件如何准备？ 2019-04-29

手把手教你DIY一款属于自己的万能红外遥控器！ 2019-04-29

速看 | 电子元器件如何确定好坏？ 2019-04-29

485通信自动收发电路，历史上最详细的解释 2019-04-29

【视觉盛宴三】不好意思，这些线材接口的横截面真的没见过 2019-04-29

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 309767484 位访客