<div id="share"> <a href="javascript:void(0)" share-type="qzone" style="background-position: 0 0;" target="_blank" title="分享到QQ空间"></a> <a href="javascript:void(0)" share-type="tsina" style="background-position: -35px 0;" target="_blank" title="分享到新浪微博"></a> <a href="javascript:void(0)" share-type="weixin" style="background-position: -70px 0;" target="_blank" title="分享到微信朋友圈"><div class="erweima"><div id="qrcode"></div></div></a> </div>
这是html;
下边是JS
$(function () { var qrcode = new QRCode(document.getElementById("qrcode"), { width : 160,//设置宽高 height : 160 }); qrcode.makeCode(location.href); $('#share a').on('click',share); var shareDara = { pic:(function () { var pics = '' $('.contenr-main .text img').each(function (i,k) { if(i<1){ pics += $(k).attr('src') }else{ pics += '||'+$(k).attr('src') } }) return pics })(), title:(function () { return $('.contenr-main .title').html() })(), url:location.href, desc:(function () { return $('.contenr-main .text p').eq(0).html() })() } function share (){ var self = $(this); var shareType = self.attr('share-type'); //console.log(shareType); switch (shareType){ case 'weixin': break; case 'tsina': self.attr('href', 'http://service.weibo.com/share/share.php?' + 'url=' +encodeURIComponent(shareDara.url)+ '&title=' +encodeURIComponent(shareDara.title)+ '&appkey=93034926' + '&pic='+encodeURIComponent(shareDara.pic)+ '&searchPic=false') break; case 'qzone': self.attr('href', 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?' + 'url=' +encodeURIComponent(shareDara.url)+ '&title=' +encodeURIComponent(shareDara.title)+ '&desc=' + encodeURIComponent(shareDara.desc)+ '&summary=' +encodeURIComponent(shareDara.pic)+ '&site=' ) break; default: break; } } });
再从网上下载一个qrcode.min.js用来生成二维码超级简单实用