share.js 介绍
一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站。
share.js安装
使用 npm
npm install social-share.js
使用 bower
bower install social-share.js
使用 cdnjs,引入 share.min.css 与 social-share.min.js 两个链接就好。
手动下载或者 git clone 本项目。
share.js使用
<div class="social-share"></div>
<!-- css & js -->
<link rel="stylesheet" href="dist/css/share.min.css">
<script src="dist/js/social-share.min.js"></script>
// 当你使用类名为 `social-share` 时不需要手动初始化
自定义配置
所有配置可选, 通常默认就满足需求:
可用的配置有:
url : '',// 网址,默认使用 window.location.href
source : '',// 来源(QQ空间会用到),默认读取head标签:<meta name="site" content="http://overtrue" />
title : '',// 标题,默认读取 document.title 或者 <meta name="title" content="share.js" />
origin : '',// 分享 @ 相关 twitter 账号
description : '',// 描述,默认读取head标签:<meta name="description" content="php弱类型的实现原理分析" />
image : '',// 图片,默认取网页中第一个img标签
sites : ['qzone','qq','weibo','wechat','douban'],// 启用的站点
disabled : ['google','facebook','twitter'],// 禁用的站点
wechatQrcodeTitle : '微信扫一扫:分享',// 微信二维码提示文字
wechatQrcodeHelper : '<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>'
示例代码:
var $config = {
title : '234',
description : '123',
wechatQrcodeTitle : "微信扫一扫:分享",// 微信二维码提示文字
wechatQrcodeHelper : '<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',
};
socialShare('.social-share-cs',$config);
网站地址:http://overtrue.github.io/share.js/
GitHub:https://github.com/overtrue/share.js/
网站描述:一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
share.js
官方网站:http://overtrue.github.io/share.js/
小编说
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。