jquery插件生成简单二维码

时间:2022-08-01 23:28:13

  除了利用第三方网站生成二维码外,这是一个比较简单的办法吧。

 1 <script src="/Scripts/jquery.qrcode.min.js" type="text/javascript"></script>
2 //引入jquery插件库
3 <script type="text/javascript">
4
5 $(document).ready(function() {
6 $(".mobile").hover(function() {
7 $('.ewm_showdiv').show();
8 },
9 function() {
10 $('.ewm_showdiv').hide();
11 }
12 );
13 $('.ewm_showdiv').qrcode({
14 render: "canvas",
15 width: 180,
16 height: 180,
17 correctLevel:0,
18 text: window.location.href
19 });
20 });
21
22 </script>
23
24 <div class="phone_show" >
25 <a><img alt="手机看资讯" src="/images/global/logo.jpg" class="mobile" style="cursor:pointer" /></a>
26 <div class="ewm_showdiv">
27 <p style="text-align:center; margin-bottom:18px;">手机扫一扫</p>
28 </div>
29 </div>