国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

為博客的文章添加二維碼

王巖威 / 2973人閱讀

摘要:文章地址為博客的文章添加了一個生成二維碼的功能,可以在掃描二維碼后在移動端進行閱讀,還能分享給朋友或者分享到朋友圈。

文章地址:http://www.xiabingbao.com/blogs/2016/08/31/blogs-qrcode.html

為博客的文章添加了一個生成二維碼的功能,可以在掃描二維碼后在移動端進行閱讀,還能分享給朋友或者分享到朋友圈。只在文章的頁面才有生成二維碼的功能,首頁及其他頁面是沒有的。

具體的步驟是:

在文章頁面添加一個“生成二維碼”的點擊按鈕

用戶點擊按鈕后,請求生成二維碼的js

請求完畢后,生成二維碼并添加到頁面中

用戶再次點擊按鈕時,只是切換二維碼的顯示與隱藏

本博客采用jquery.code.min.js生成二維碼,使用方法也非常的簡單。首先引入jQuery和jquery.code.min.js,然后在頁面中準備一個元素(如

),用來存放二維碼。

$("#qrcode").qrcode({
    render : "canvas",  // 采用canvas或table的方式生成,默認canvas
    width : 176,    // 默認256
    height: 176,    // 默認256
    text : "this is text"  // 內容
})

如果其他的參數都不需要,只要內容即生成二維碼,還可以:

$("#qrcode").qrcode("this is text")

具體的代碼如下:

$(".bcontent").append("");
$(".bcontent").on("click", ".qrcode a", function(){
    var $tsp = $(this).next();

    if( $tsp.find("canvas").length ){
        if( $tsp.css("display")=="block" ){
            $tsp.hide();
        }else{
            $tsp.show();
        }
    }else{
        if( self.showing ){
            return;
        }
        self.showing = true;
        $tsp.show().html( "正在生成中..." );
        $.ajax({
            url : "jquery.qrcode.min.js",
            dataType : "script",
            type : "get"
        }).done(function(){
            self.showing = false;
            $tsp.html("");
            $tsp.qrcode({
                render : "canvas",
                width : 176,
                height: 176,
                text : window.location.href
            });
        })
    }
})

文章地址:http://www.xiabingbao.com/blogs/2016/08/31/blogs-qrcode.html

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/80695.html

相關文章

  • 手把手教你使用Hexo + Github Pages搭建個人獨立博客

    摘要:設置什么是本用于介紹托管在的項目,不過,由于他的空間免費穩定,用來做搭建一個博客再好不過了。你可以通過來訪問你的個人主頁。執行過程中可能需要讓你輸入賬戶的用戶名及密碼,按照提示操作即可。推薦使用騰訊公益。 系統環境配置 要使用Hexo,需要在你的系統中支持Nodejs以及Git,如果還沒有,那就開始安裝吧! 安裝Node.js 下載Node.js參考地址:安裝Node.js 安裝Git...

    劉福 評論0 收藏0
  • Django 學習小組:博客開發實戰第二周教程 —— 實現博客詳情頁面和分類頁面

    摘要:本節接上周的文檔學習小組博客開發實戰第一周教程編寫博客的首頁面,我們繼續給博客添加功能,以及改善前面不合理的部分。返回該視圖要顯示的對象。目前小組正在完成第一個項目,本文即是該項目第二周的相關文檔。 本教程內容已過時,更新版教程請訪問: django 博客開發入門教程。 上周我們完成了博客的 Model 部分,以及 Blog 的首頁視圖 IndexView。 本節接上周的文檔 Djan...

    ingood 評論0 收藏0
  • 個人博客全新UI:我心中你最美

    摘要:那個月就是對著和的文檔寫出來了網站的前后端,也是第一次買服務器備案網站做反向代理讀文檔學做,懷念那些時光,讓現在的網站有了基礎。因此,管理系統聽歌臺被抽離成了單獨的應用,后臺利用做反向代理,用二級域名記性訪問。 不知道你是否也有想過完全用自己的代碼實現自己的個人博客?定制專屬 UI、定制專屬邏輯、在信息爆炸的時代真正地沉淀下屬于自己的東西。我也曾經歷了同樣的糾結,最終下定決心做了自己的...

    oliverhuang 評論0 收藏0
  • 用小程序·云開發打造功能全面博客小程序丨實戰

    摘要:用小程序云開發將博客小程序常用功能一網打盡本文介紹博客小程序的詳情頁的功能按鈕如何實現,具體包括評論點贊收藏和海報功能,這里記錄下整個實現過程和實際編碼中的一些坑??紤]到小程序本身的大小限制,使用的方式是最佳的。 用小程序·云開發將博客小程序常用功能一網打盡 本文介紹mini博客小程序的詳情頁的功能按鈕如何實現,具體包括評論、點贊、收藏和海報功能,這里記錄下整個實現過程和實際編碼中的一...

    cc17 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<