·您当前的位置:首页 > 技术教程 > jQuery教程 >

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

时间:2016-06-06 16:54未知
[jQuery]jQuery做的二维码插件效果不错

[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做的二维码插件效果不错

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器