来源于百度分享。微信自身的搞得太烦，不高兴去弄，百度的简单点，不过自定义功能就也自然就差点。

一个js和一个htm代码就可以。

js代码段：

<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":false,
"bdPic":""," bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName("head")
[0]||body).appendChild(createElement("script")).src="http://bdimg.share.baidu.com/static/api/js/
share.js?cdnversion=" ~(-new Date()/36e5)];
</script>
//*几个参数：bdSize表示分享的图标尺寸大小，可选参数为16|24|32*//

htm代码段：

<span class="bdsharebuttonbox" style="float:right; line-height:90%;">
 <a  href="#" class="bds_weixin" data-cmd="weixin"></a>
</span>
<!--
  1、class="bdsharebuttonbox" 不能动，前面可以用div或者span都可以；
  2、href中的class="bds_weixin"如果删除，那么显示的图标就会是默认，不是微信的图标
  3、data-cmd="weixin"表示分享目标为微信，其他的目标参数未查询；
-->

将html代码段落放在body中的任意位置，就可以实现，可以放置多个。

?

一个心得：

点击分享图标出现的弹窗为默认的样式，有时候底部的文字会出现超出框的情况，很难看，可以通过F12查看到该

打开微信，点击底部的“发现”，

使用“扫一扫”即可将网页分享至朋友圈。

这两行文字的class为bd_weixin_popup_foot，可以在css中添加：

/*这个是隐藏底部两行的提示文字。*/
.bd_weixin_popup_foot{
display:none;
}

/*这个是调整二维码的位置*/
.bd_weixin_popup_main {
margin-top: 20px;
}

甚至可以添加一些美化，例如：

/*添加弹出窗口的圆角和阴影*/
.bd_weixin_popup {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow:5px 5px 20px #333;
}

这样整个的效果还算马马虎虎可以了。