利用jquery.share.js实现自定义分享功能-趣啦吧

随着移动互联网的崛起，一方面，由于PC端流量的减少，分享功能用的越来越少，另一方面，现在的智能手机不管是手机浏览器还是微信里面，一般都自带了第三方分享功能，网站里增加分享功能如同鸡肋。

因为上面说的2点，以前一些提供第三方分享服务的提供商选择了闭站，比如之前的百度分享，目前作者发现还能继续提供这方面服务的，只有http://www.bshare.cn/一家了，感兴趣的朋友可以点击看看。

另外，如果没有公司提供这方面服务的话，其实我们可以结合分享实现的原理，自己写一些代码实现分享功能。网上有朋友实现过这方面功能服务的了，这里推荐jquery.share.js，下面贴上具体的使用方法：

1、基础使用

1）引入css样式表和js脚本

<link rel="stylesheet" href="css/share.min.css" type="text/css" charset="utf-8"/>
<script src="js/jquery.share.min.js" type="text/javascript" charset="utf-8"></script>

2）不用单独定义脚本，直接在html标签里加上social-share类，即可实现分享功能

<p class="social-share" data-sites="qzone,qq,weibo,wechat"></p>

效果如下：

2、自定义风格

当然，可以自定义些样式，让风格呈现竖直展现效果：

.social-share{position:fixed;right:0;top:240px;background:#fff;z-index:100;}
.social-share a{display:block !important;}
.social-share .icon-wechat .wechat-qrcode{left:-213px !important;top:-156px !important;}
.social-share .icon-wechat .wechat-qrcode:after{border-color:transparent transparent transparent #fff !important;top:90% !important;margin-top:-6px !important;left:100% !important;margin-left:0 !important; }

效果如下：