<em id="tgrok"><div id="tgrok"><progress id="tgrok"></progress></div></em>

  1. <label id="tgrok"></label>
      <var id="tgrok"><label id="tgrok"><u id="tgrok"></u></label></var>
      <table id="tgrok"></table>
          1. 回舊版

            愛導航

            博客新加入“掃碼閱讀”功能

            確實現在已經是移動時代了,在移動設備上閱讀慢慢會成為主流,網站如果沒有便捷的方式讓用戶在移動設備閱讀的話還真有點落伍,于是想想就做個“掃碼閱讀”的功能吧。其實很簡單,就是將網址生成二維碼就行了。

            無論用PHP生成,還是用JavaScript生成都是可以的,從代碼改動來說,用JavaScript會更省事些。所以這里就用jQuery吧。正好網上有個 jquery.qrcode.js 的擴展,可以拿來用。使用起來也很簡單,比如這樣:

            然后用微信、支付寶錢包什么的掃一掃就可以在手機瀏覽器打開了,很方便,感謝jquery.qrcode.js 的作者。

            生成QR碼的代碼如下:

            <div id="qrcode"></div> 

            <script src="http://www.nowamagic.net/librarys/application/views/veda/js/jquery-1.6.1.min.js" type="text/javascript">

            <script src="http://www.nowamagic.net/librarys/application/views/veda/js/jquery.qrcode.min.js" type="text/javascript">

            <script type="text/javascript">

            jQuery.noConflict();

            jQuery("#qrcode").qrcode({ 

                render: "canvas", //table方式 

                width: 150, //寬度 

                height:150, //高度 

                text: 'http://www.nowamagic.net/' //任意內容 

            }); 

            </script>



            現在博客每篇文章右側都有生成QR碼,可以掃一掃,在手機上閱讀了。


            文章來自:第二導航,未經允許不得轉載?。?a href="http://www.zylhcdls.com/">首頁 > 教程收藏 > 建站經驗 » 博客新加入“掃碼閱讀”功能

            感覺不錯,很贊哦! ( )

            相關推薦