将url动态转换成二维码插件 - 兼容IE8
插件地址 http://static.runoob.com/assets/qrcode/qrcode.min.js ,网页直接打开,然后ctrl+s保存到本地。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button id="btn">分享</button> <div id="qrcode" style="display: none;"></div> <script src="jquery.min.js"></script> <script src="qrcode.min.js"></script> <script> var qrcode = new QRCode(document.getElementById("qrcode"), { width : 200, height : 200 }); var urlPath = window.location.href; qrcode.makeCode(urlPath); $("#btn").mouseover(function(){ $('#qrcode').show(); }).mouseout(function(){ $('#qrcode').hide(); }) </script> </body> </html>
效果截图:
前端菜鸟一枚,习惯记录平时遇到的一些问题和学习笔记,觉得有用的可以点个支持!有问题的也可以加QQ814878176交流哟 : )