html实现以一个简单的分享功能介绍

包括：QQ、QQ空间、新浪微博、腾讯微博，微信（只是一个二维码）；

1、首先是html代码：

（前端我并不太会，一直用的都是bootstrap）

 1 div >
1、然后js代码：
（这里不包括微信的，）
1 function open_share(type) { 2 var shareUrl = ‘http://www.baidu.com’; 3 var shareTitle = 自定义标题 4 var shareImg = http://s.jiathis.com/qrcode.php?url= + shareUrl; 5 var shareDesc = 自定义内容 6 var openUrl = 7 switch (type) { 8 case qzone : 9 openUrl = http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url= + shareUrl + title= + shareTitle + pics= + shareImg12 break;13 case weixin :14 t_delay( 请在微信客户端使用 15 return false;16 break;17 case qq :18 openUrl = http://connect.qq.com/widget/shareqq/index.html?url= + shareUrl + desc= + shareDesc +  summary= + shareDesc + site= + shareUrl + pics= + shareImg;21 break;22 case tqq :23 openUrl = http://v.t.qq.com/share/share.php?title= + shareTitle + url= + shareUrl + site= + shareUrl +  pic= + shareImg;26 break;27 case weibo :28 openUrl = = + shareUrl + title= + shareTitle + source= + shareUrl +  sourceUrl= + shareUrl + content= + shareDesc + pic= + shareImg;33 break;35 window.open(openUrl); }
3、然后微信的是弹出二维码：
（用的还是bootstrap模态框）
1 !-- 模态框（Modal） -- 2 div >
4、最后是判断是否在微信中打开：
（从别处扒来的，我这里做的是如果是微信中打开，就把原先弹出的二维码和模态框给移除，放上一张带箭头的提示图片，让用户用微信自带的分享。）
1 //判断微信 2 function is_weixn(){ 3 var ua = navigator.userAgent.toLowerCase(); 4 if(ua.match(/MicroMessenger/i)== micromessenger ) { 5 $( div ).remove( div[ >
以上就是html实现以一个简单的分享功能介绍的详细内容，html教程        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。