本篇文章给大家分享的内容是三种代码实现微博、微信分享 ，有着一定的参考价值，有需要的朋友可以参考一下
html
分享到微信 ×
打开微信，点击底部的“发现”，
使用“扫一扫”即可将网页分享至朋友圈。
登录后复制
css
/* share */.shareSina,.shareWX{ display: inline-block; height: 25px; z-index: 1; cursor: pointer; vertical-align: middle;}.share-icon{ display: inline-block; width: 22px; height: 22px; z-index: 1; cursor: pointer; text-indent: -9999px; vertical-align: middle;}.shareSina .share-icon{ background: url(/img/share-sina.png) no-repeat; background-size:100%;}.shareWX .share-icon{ background: url(/img/share-wx.png) no-repeat; background-size:100%;}.share-text{ vertical-align: middle;}.wx-box{ left: 3rem; top: 1rem; position: absolute; margin: 0; z-index: 1001; background: #fff; border: solid 1px #d8d8d8; font-size: 0.12rem; padding: 0.15rem; display: none;}.wx-box .wx-box-head{ font-size: 0.12rem; text-align: left; line-height: 0.16rem; height: 0.16rem; position: relative; color: #000;}.wx-box .wx-box-close{ width: 0.16rem; height: 0.16rem; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 0.16rem;}.wx-box .wx-box-main{ padding: 0.15rem 0.1rem; min-height: 2rem; text-align: center;}.wx-box .wx-box-foot{ font-size: 12px; text-align: left; line-height: 22px; color: #666;}
登录后复制
js
var ShareTip = function(){} //分享到新浪微博 ShareTip.prototype.sharetosina=function(title,url) { var sharesinastring='http://v.t.sina.com.cn/share/share.php?title='+title+'&url='+url+'&content=utf-8&sourceUrl='+url; // var sharesinastring='http://v.t.sina.com.cn/share/share.php?&appkey='+appkey+'&title='+title+'&url='+url+'&content=utf-8&sourceUrl='+url+'&pic='picurl; window.open(sharesinastring,'newwindow','height=400,width=400,top=100,left=100'); } $('.shareSina').on('click', function () { var shareTitle = $('.blog-single-head h1').text(); var shareContent = $('.blog-single-head h2').text(); var shareUrl = window.location.href; var share1 = new ShareTip(); share1.sharetosina(shareTitle + " " + shareContent,shareUrl); }) //分享到微信 $('.shareWX').on('click', function () { $('.wx-box').css('display', 'block'); var shareUrl = window.location.href; //生成二维码 $("#wxCode").empty().qrcode({ render: 'canvas', text: shareUrl //任意内容 }); }) $('.wx-box-close').on('click', function () { $('.wx-box').css('display', 'none'); })
登录后复制
图片可以自己去选择下载，我用的是阿里巴巴矢量图标库中下载的png
效果图： 
以上就是三种实现微博、微信分享的代码分享的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2774162.html
