H5页面分享内容至QQ、微信功能（支持大多浏览器）

共17个文件

png：7个

js：5个

css：3个

Html5

分享功能

微信

3星 · 超过75%的资源需积分: 2 119 浏览量 2018-06-15 17:33:36 上传评论 8 收藏 110KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

不同浏览器下的分享功能.rar （17个子文件）

不同浏览器下的分享功能

share.html 2KB

images

qqFriend.png 2KB

share.png 3KB

close.png 2KB

tip.png 56KB

wx.png 2KB

qq.png 5KB

wxFriend.png 3KB

rem.js 752B

jquery1.7.2.js 93KB

share.js 2KB

index.js 3KB

toast.js 4KB

css

index.less 3KB

index.css 2KB

toast.css 63KB

reset.css 5KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>不同浏览器下的分享</title> <link rel="stylesheet" type="text/css" href="./css/reset.css"> <link rel="stylesheet" type="text/css" href="./css/toast.css"> <link rel="stylesheet" type="text/css" href="./css/index.css"> </head> <body> <header> 不同浏览器下的分享实现 <a class="share"> <img src="./images/share.png" alt="点此分享" title="点此分享"> </a> </header>  <div class="cover"> <div class="shareLinks"> <p class="shareTop">分享</p> <div class="socialShare" id="socialShare"> <div class="social_group"> <a class="msb_network_button weixin" target="_blank"> <img src="images/wx.png"> <p>微信好友</p> </a> <a class="msb_network_button weixin" target="_blank"> <img src="images/wxFriend.png"> <p>微信朋友圈</p> </a> <a class="msb_network_button qq" target="_blank"> <img src="images/qq.png"> <p>QQ好友</p> </a> <a class="msb_network_button qZone" target="_blank"> <img src="images/qqFriend.png"> <p>QQ空间</p> </a> </div> </div> <div class="shareBottom"> <a href="javascript:;">取消</a> </div> </div> </div>  <div class="wx_cover"> <img src="./images/tip.png"> </div> </body> <script type="text/javascript" src="./js/rem.js"></script>  <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script src="./js/jquery1.7.2.js"></script> <script src="./js/toast.js"></script> <script src="./js/share.js"></script> <script src="./js/index.js"></script> </html>

评论收藏

内容反馈