介绍
jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信
作者:极纪元-橙
作者博客:https://cplvfx.blog.csdn.net/
码云Gitee:橙cplvfx极纪元 (cplvfx) - Gitee.com
项目地址:jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信: jjy-shareV2.0一键分享到微博,QQ空间,QQ好友,微信作者:极纪元-橙作者博客:https://cplvfx.blog.csdn.net/码云Gitee:https://gitee.com/cplvfx/
预览
线上预览地址:jjy-shareV2.0一键分享到微博、QQ空间、QQ好友、微信
软件架构
软件架构说明 使用原生JS开发,不依赖任何第三方
安装教程
<script src="./jjy-share-v2.0.js"></script>
使用说明
第一步: 在</body>
标签结束前 标签结束前,增加JS代码
<script src="./jjy-share-v2.0.js"></script>
<script>
jjyShare({
weiboUserId: 0,//微博平台账号ID
sourceName: '测试',//来源站点名称
title:document.title,//分享的标题
des:'测试1测试2测试3测试4测试5',//页面描述,控制在120个字以下
imgagesUrl:'http://cmsapi.quanxi.cc/Uploads/document/20230520/e18dad73dc994aa598f0b2ed6afbde42.jpg',//分享携带的图片
});
</script>
第二步:html代码
<strong id="jjy-share">
分享到:
<img src="./img/weixin.jpg" data-jjyshare="weixin"/>
<img src="./img/weibo.jpg" data-jjyshare="weibo"/>
<img src="./img/qq-qzone.png" data-jjyshare="qq_qzone"/>
<img src="./img/qq.jpg" data-jjyshare="qq"/>
<img src="./img/link.jpg" data-jjyshare="copylink"/>
</strong>
注意 :
jjy-share 的V2.0版本,你需要注意的是,
1、你的分享功能标签容器,需要增加 id="jjy-share"
,不然,不会触发分享功能
。
2、分享功能标签容器里的平台图标可以自定义,但是必须增加data-jjyshare="XXX"
,来说明这是一个什么类型的分享;
目前有微信(weixin)
、微博(weibo)
、qq空间(qq_qzone)
、qq好友(qq)
、复制链接(copylink)
;不然,不会触发分享功能
。