您所在的位置:小祥子 » 编程 » JavaScript » 正文

jquery插件生成简单二维码

时间:2015-06-04 编辑:心情不错QQ 来源:本站整理

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

 <script src="/Scripts/jquery.qrcode.min.JS" type="text/javascript"></script>
 //引入jquery插件库
 <script type="text/javascript">
 
 $(document).ready(function() {
 $(".mobile").hover(function() {
 $('.ewm_showdiv').show();
 },
 function() {
 $('.ewm_showdiv').hide();
 }
 );
 $('.ewm_showdiv').qrcode({
 render: "canvas",
 width: 180,
 height: 180,
 correctLevel:0,
 text: window.location.href
 });
 });
 
 </script>
 
 <div class="phone_show" >
  <a><img alt="手机看资讯" src="http://www.cnblogs.com/images/global/logo.jpg" class="mobile" style="cursor:pointer" /></a>
  <div class="ewm_showdiv">
  <p style="text-align:center; margin-bottom:18px;">手机扫一扫</p>
  </div>
  </div>