下载鸥 > 网站下载 > 插件下载 > JS/JQuery

share.js一键分享工具使用方法

6002021-10-09 14:55:39

收藏
share.js一键分享工具使用方法
国内之前比较流行的是百度分享,但早已停更。后来使用bshare进行分享,但近期遭遇了乱码的困扰,排查也没有排查出问题。于是找到了share.js。
 

引入文件

<link href="dist/css/share.min.css">
<script src="dist/js/share.min.js"></script>
 

html代码

<div class="social-share"></div>
 

JS配置

<script>
var $config = {
    url                 : window.location.href,// 网址,默认使用 window.location.href
    source              : '', // 来源(QQ空间会用到), 默认读取head标签:<meta name="site" content="http://overtrue" />
    title               : '', // 标题,默认读取 document.title 或者 <meta name="title" content="share.js" />
    description         : '', // 描述, 默认读取head标签:<meta name="description" content="PHP弱类型的实现原理分析" />
    image               : '', // 图片, 默认取网页中第一个img标签
    sites               : ['qzone', 'qq', 'weibo','wechat'], // 分享方式显示顺序
    disabled            : ['google', 'facebook', 'twitter'], // 禁用的站点,一般禁用国外
    wechatQrcodeTitle   : '微信扫一扫:分享', // 微信二维码提示文字
    wechatQrcodeHelper  : '<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',
    target : '_blank' //打开方式
};
$('.social-share').share($config);
</script>
 

附注

引入js文件前,请确保jquery已经引入。
郑重承诺

share.js一键分享工具插件暂未进行人工检测,请确保安全后再投入生产环境使用。

下载地址 立即下载 导出教程
发表评论 共有条评论
插件下载分类

插件信息

  • 分类JS/JQuery
  • 编号No.18-70
  • 价格免费
  • 编码UTF-8
推荐JS/JQuery插件下载
最新JS/JQuery插件下载
客服QQ:341553759
扫码咨询 常见问题 >
官方交流群:90432500
点击加入