成长,总在点滴之间

获取当前所在页面的二维码

/**
 * 生成二维码图片
 * @param selector img 图片对象
 */
function generateQRCode(selector){
    var url = "http://qr.liantu.com/api.php?";
       url += "&text="+encodeURI(location.href);//背景颜色,bg=颜色代码,例如:bg=ffffff
       url += "&bg=fcfcfc";//背景颜色,bg=颜色代码,例如:bg=ffffff
       url += "&fg=000000";//前景颜色,fg=颜色代码,例如:fg=cc0000
       url += "&gc=000000";//渐变颜色,gc=颜色代码,例如:gc=cc00000
       url += "&el=Q";//纠错等级,el可用值:h\q\m\l,例如:el=h
       url += "&w=300";//尺寸大小,w=数值(像素),例如:w=300
       url += "&m=30";//静区(外边距),m=数值(像素),例如:m=30
       url += "&pt=000000";//定位点颜色(外框),pt=颜色代码,例如:pt=00ff00
       url += "&inpt=000000";//定位点颜色(内点),inpt=颜色代码,例如:inpt=000000
       url += "&logo=http://www.91liren.com/images/91liren_logo.png";//logo图片,logo=图片地址,例如:http://www.liantu.com/images/2013/sample.jpg
    $(selector).attr("src",url);
}

    
$(function(){
    /**
     * 点击小的二维码事件
     */
    $("#ewm_btn").click(function(){
        generateQRCode($("#ewm_name"));
        $("#alphaBox").show();
    });
    
    /**
     * 关闭按钮事件
     */
    $(".ewm_Img").click(function(){
        $("#alphaBox").hide();
    });
});

js的代码如上,html代码如下:

<a href="javascript:;" id="ewm_btn" class="ewm_buttom"></a>
                        <div id="alphaBox">
                            <a href="javascript:;" class="ewm_Img"></a>
                            <img id="ewm_name" src="${root}/images/name_ewm01.jpg"/>
                        </div>

非常感谢 http://liantu.com/pingtai/提供的二维码图片生成api.