最简单的 qq、微信分享功能 bshare 引入
2018-03-11 15:57
555 查看
一、前言
1、要使网页内容得到更多的推广,更加商业化,分享链接无疑是最好的选择2、bshare 可以简单实现分享到QQ空间、新浪微博、人人网、腾讯微博、网易微博、更多平台等
二、代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>分享到QQ空间、新浪微博、人人网、腾讯微博、网易微博、更多平台</title> </head> <body> <!--就下面这一块代码是重点--> <div id="bshare"> <div class="bshare-custom"> <a title="分享到QQ空间" class="bshare-qzone"></a> <a title="分享到新浪微博" class="bshare-sinaminiblog"></a> <a title="分享到人人网" class="bshare-renren"></a> <a title="分享到腾讯微博" class="bshare-qqmb"></a> <a title="分享到网易微博" class="bshare-neteasemb"></a> <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div> <script type="text/javascript" charset="utf-8" src="http://static.bshare.c cf03 n/b/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh"></script> <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script> </div> </body> </html>
三、功能
1、初步样式2、以点击第一个,分享到qq空间为例,即弹出如下小窗口,分享是不是很便捷?
3、还有其他分享,点击第六个,弹出如下小窗口,是不是有很多分享选择?
四、小结
1、很多高大上的网页,都是通过一些些小功能实现的,如本文的分享功能,还有之前的 天气预报 功能,点击进入等等,以后有空再补充。一个优秀网站要从细节入手。
2、bshare官方网站
五、其他(2018.4.6更新)
bshare 第二形态
①代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ITAEM团队</title> </head> <body> </body> <script> window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "slide": { "type": "slide", "bdImg": "5", "bdPos": "right", "bdTop": "100" }, "image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到:", "viewSize": "16" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"] } }; with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)]; </script> </html>
②效果
点击后的效果同上
相关文章推荐
- 在Android中使App快速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能
- [置顶] 在Android中使App快速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能
- 在Android中使App快速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能
- 在Android中使App快速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能
- Android 微信分享与QQ分享功能
- 网页分享功能 支持 微信二维码 qq空间 qq好友 新浪微博 百度贴吧 豆瓣 人人
- IOS微信分享功能简单实现
- iOS 微信分享功能简单实现
- iOS微信分享功能简单实现
- 微信JS-SDK实现自定义分享功能,分享给朋友,分享到QQ,分享到微博
- 关于QQ、新浪微博、微信的分享功能的实现
- IOS微信分享功能简单实现
- 苹果审核reject理由大全(12):qq、微信的登录、分享等功能
- 获取第三方登录(相关信息 新浪微博&微信&QQ)&&登录和分享接口功能
- Android微博,微信,QQ分享功能的实现
- andriod 实现新浪、QQ场地、朋友微信圈、微信朋友分享功能
- web网页,移动端h5页面添加微信分享,qq分享等功能
- ionic第三方QQ,微博,微信的登录,分享功能的实现和注意事项
- Ionic 分享功能(微博 微信 QQ)
- 关于QQ、新浪微博、微信的分享功能的实现