微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

share.js

编程之家收集整理的这个编程导航主要介绍了share.js编程之家,现在分享给大家,也给大家做个参考。

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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。