宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置: > 博客2 > jQuery教程

[jQuery]jQuery做的二维码插件效果不错

2016-10-13 00:16:48 点击量:12 标签: 收藏本文

[jQuery]jQuery做的二维码插件效果不错

  1. /** 
  2.  * @author Paul Chan / KF Software House  
  3.  * http://www.kfsoft.info 
  4.  * 
  5.  * Version 0.5 
  6.  * Copyright (c) 2010 KF Software House 
  7.  * 
  8.  * Licensed under the MIT license: 
  9.  * http://www.opensource.org/licenses/mit-license.php 
  10.  * 
  11.  */ 
  12.      
  13. (function($) { 
  14.  
  15.     var _options = null
  16.  
  17.     jQuery.fn.MyQRCode = function(options) { 
  18.         _options = $.extend({}, $.fn.MyQRCode.defaults, options); 
  19.          
  20.         return this.each(function() 
  21.         { 
  22.             var codebase = "https://chart.googleapis.com/chart?chs={size}&cht=qr&chl={content}&choe={encoding}"
  23.             var mycode = codebase.replace(/{size}/g, _options.size); 
  24.             mycodemycode = mycode.replace(/{content}/g, encodeURI(_options.content)); 
  25.             mycodemycode = mycode.replace(/{encoding}/g, _options.encoding); 
  26.             $(this).html("二维码加载中……"); 
  27.             $(this).html("<img src='"+mycode+"'>"); 
  28.         }); 
  29.     } 
  30.      
  31.     //default values 
  32.     jQuery.fn.MyQRCode.defaults = { 
  33.         encoding:"UTF-8", 
  34.         content: window.location, 
  35.         size:"150x150" 
  36.     }; 
  37. })(jQuery); 

 

  1.    <div id="qrocdes" style="width:160px;height:160px;border:1px solid #f00;"></div>  
  2.   <SCRIPT type="text/javascript"> 
  3. $("#qrocdes").MyQRCode({ 
  4. encoding:"UTF-8", 
  5. content:'化蝶自在飞,来自湖北,http://www.xiaojudeng.com' 
  6. }); 
  7.   </SCRIPT> 

[jQuery]jQuery做的二维码插件效果不错

ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址:湖北省宜昌市伍家岗区东站二路6号三峡(宜昌)大数据产业园海洋馆二楼A203室