pc端分享插件

转：http://www.calledt.com/sosh/

Social Share

特性

• 仅需调用sosh.js，无其他库依赖
• 支持IE7以上浏览器
• 支持微信二维码扫码分享
• 支持使用dataset配置
• 支持AMD、CommonJS和浏览器全局变量（使用UMD）
• 图标及样式打包在js里，无需额外请求

安装

通过npm进行安装

npm install -S sosh

或者把脚本引进你的页面里

<script src="sosh.min.js"></script>

使用

参数

1. 第一个参数为字符串类型，代表选择器。支持ID和单一类名选择器两种形式，如：#id、.classname。
2. 第二个参数为对象字面量，配置分享的相关内容。

<div id="soshid"></div>
        <script>
          sosh('#soshid', {
            // 分享的链接，默认使用location.href
            url: '',
            // 分享的标题，默认使用document.title
            title: '',
            // 分享的摘要，默认使用<meta name="description" content="">content的值
            digest: '',
            // 分享的图片，默认获取本页面第一个img元素的src
            pic: '',
            // 选择要显示的分享站点，顺序同sites数组顺序，
            // 支持设置的站点有weixin,yixin,weibo,qzone,tqq,douban,renren,tieba
            sites: ['weixin,', 'weibo', 'yixin', 'qzone']
          })
        </script>

使用dataset进行配置

除了能在构造函数初始化的时候进行参数配置外，也可以用[data-*]的方式进行配置，并且优先级高于函数参数。

<div class="datasetconfig" data-title="分享标题" data-sites="yixin,weibo,weixin,tqq,qzone"></div>
        <script>
          sosh('.datasetconfig', {
            sites: ['weixin,', 'weibo', 'yixin', 'qzone']
          })
        </script>