最近发现bshare以及百度□□□分享插件，有一大堆□□□问题，类似于样□□□□式错乱，分享链接□□□□不生效等□□□不兼容性□□□□问题，调整起来□□也相当麻□□□烦，所以干脆◆换一种插□□件。于是被我□□□找到了Share.js，这是一款一□□□键转发工□□具，它可以一□□键分享到◇微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社□□□交网站，调用起来也相当简单。

引入项目:



JS，CSS：
<link rel="stylesheet" href="__CSS__/share.min.css">
<script src="__JS__/social-share.js"></script>
<script src="__JS__/qrcode.js"></script>
Html：
<div class="social-share"></div>
 
其中“social-share”这个是必须的类名，此外还有一些特殊的参数设置如下：
例如：禁用 google、twitter、facebook ，需要用到 data-disabled
<div class="social-share" data-disabled="google,twitter,facebook"></div>

 
设置微信二维码标题，需要用到data-wechat-qrcode-title
<div class="social-share" data-wechat-qrcode-title="请打开微信扫一扫"></div>

针对特定站点使用不同的属性（title, url, description,image...）
<div class="social-share" data-weibo-title="这个标题□□□□只有的分□□享到微博▽时有用，其它标题□□为全局标□□□□题" data-qq-title="分享到QQ时用此标□□题"></div>
 
你也可以自定义图标：
使用: data-initialized="true" 标签来禁用自动生成icon功能。
 
<div class="social-share" data-initialized="true">
 
 
    <a href="#" class="social-share-icon icon-weibo"></a>
 
 
    <a href="#" class="social-share-icon icon-qq"></a>
 
 
    <a href="#" class="social-share-icon icon-qzone"></a>
 
 
</div>
 
以上a标签会自动加□□□□上分享链□□□接（a 标签必须◎带 icon-NAME 属性，不然分享✦链接不会□□□□自动加上）。
如果你想□□□在分享icon列表中内□□置一些元◤素，比如放一□□个收藏按□□□□钮在分享△按钮的后□□面：
 
<div class="social-share">
 
 
    <a href="javascript:;" class="social-share-icon icon-heart"></a>
 
 
</div>
 
这样的结果是所有的分享按钮都创建在了收藏按钮（icon-heart）的后面了，这时候你就可以用 data-mode="prepend" 来确定分享按钮创建的方式。
 
<div class="social-share" data-mode="prepend">
 
 
    <a href="javascript:;" class="social-share-icon icon-heart"></a>
 
 
</div>
 
这样一来所有的分享图标就会创建在容器的内容前面。


 
以下是下载链接：
https://github.com/overtrue/share.js/zipball/master