HShare是一个简单的社交分享JQuery插件,用户通过编写简单的配置项即可将分享按钮嵌入至网页中。 将本插件直接部署在支持HTTPS的网页中即可让分享接口支持HTTPS。

Demo

下面是利用本插件生成的一组分享按钮

演示范例

更多范例参见Codepen上的演示。

支持平台

支持平台

安装

bower

bower install --save bower

HTML

<link rel="stylesheet" href="hshare.min.css">
<script type="text/javascript" href="jquery.min.js"></script>
<script type="text/javascript" href="hshare.min.js"></script>

本插件依赖于jQuery,因此在使用本插件之前请确保jQuery已经载入。

基本使用

步骤1:在HTML中指定容器:

<html>
    <head>
        <!-- something here -->
    </head>
    <body>
        <div id="container"></div>
        <!-- something here -->
    </body>
</html>

步骤二:在JS中按如下方式配置HShare

$("#container").hshare();

hshare方法还可接收用户自定义的配置项:

$("#container").hshare({
    size: "large",
    copyLink: false,
    platforms: [{
        name: "wechat"
    }, {
        name: "qzone"
    }]
});

更多的说明文档请参考:

开发者

授权协议

MIT