微信微博 QQ QQ空间分享示例

作者：笔墨点赞次数：0 阅读次数：3445 分类：JS 发布时间：2020-08-10 13:58:35

#### 以下是微信 qq qq空间 微博分享的简单示例，需要的可以参考一下
````
<button id="kzl_wx_share">微信分享</button>
<button id="kzl_wb_share">微博分享</button>
<button id="kzl_qzoone_share">qq空间分享</button>
<button id="kzl_qfriend_share">qq好友分享</button>
````
需要引入qrcode.min.js
[这是下载的地址 qrcode.min.js](https://www.bimoor.com/storage/file/qrcode.min.zip "这是下载的地址 qrcode.min.js")

````
    <script type="text/javascript">
    			// 微信分享
    			new QRCode(document.getElementById("qrcode"), "http://mobile.qudong.com/article/699537.shtml");
    			$("#kzl_wx_share").click(function(){
    				layer.open({
    				  type: 1,
    				  title: false,
    				  closeBtn: 0,
    				  area: ['auto'],
    				  skin: 'layui-layer-nobg', //没有背景色
    				  shadeClose: true,
    				  content: $('#qrcode')
    				});
    			})
    			// 分享到微博			
    			$("#kzl_wb_share").click(function(){
    				var url="http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key，需要在新浪微博开放平台中申请"
    				open(url)
    			})
    			
    			// 分享到qq空间
    			$("#kzl_qzoone_share").click(function(){
    				var url="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息";
    				open(url)
    			})
    			// 分享给qq好友
    			$("#kzl_qfriend_share").click(function(){
    				var url="http://connect.qq.com/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述";
    				open(url)
    			})
    			
    		</script>
````

上一篇: 丛深时见鹿，鹿见人而惊...

下一篇: tp5和tp6模型一对一关联的条件和分页...

抢沙发

全部留言

微信 微博 QQ QQ空间分享示例

微信微博 QQ QQ空间分享示例