原生JS简单二维码弹窗(用于推广页或追求原生JS)

如题,快速让页面想要的按钮建立点击事件并弹窗显示一张二维码或者自定义内容的JS源码。

  • CSS代码的如图效果的弹窗样式,可以根据自己的应用场景样式调整,比如颜色,窗口大小等。
  • HTML代码这里是演示用的,具体的要根据自己需求设置class值即可。
  • JS代码是核心部分,如果没有太多需求,直接使用,或者学习研究一下也是有帮助的。因为需求比较简单,运行后自己尝试后还是有优化空间的。视情况今后再优化吧!
    当然也可以用其他第三方插件实现,看起来会没那么复杂,比如jquery;这里就不再介绍了。
效果图
原生JS简单二维码弹窗
CSS代码

HTML代码

JS代码

如有不明白的或者疑问欢迎评论区涂鸦!~

你可能感兴趣的:(原生JS简单二维码弹窗(用于推广页或追求原生JS))