关于分享，bshare分享&百度分享
2016-03-21 16:03
337 查看
以下案例，均可直接复制到html中，运行看结果，可直接修改应用
bshare分享
<!-- ---------------------------单独按钮分享----------------------------
-->
<!-- 引用插分享插件 -->
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh&text=123"></script>
<!--
* src，#后面的参数为不同的选项（可选），参考：http://www.bshare.cn/help/apiJsParams
* 个人用了一下，没有太大的意义，我们没有uuid，有些应用了但是没有效果，可能用法不对，大家可以一起看一下
-->
<h1>单独按钮分享</h1>
<div class="share">
<!--
* 自定义的分享按钮
* 其他分享的代码:http://www.bshare.cn/help/platformNames
-->
<a href="javascript:;" onclick="bShare.share(event,'qzone',1);return false;">
<img src="http://i0.letvimg.com/pay/201504/27/1027/qqzonebg.png"/>
</a>
<a href="javascript:;" onclick="bShare.share(event,'weixin',1);return false;">
<img src="http://i2.letvimg.com/pay/201504/27/1027/weixinbg.png"/>
</a>
<a href="javascript:;" onclick="bShare.share(event,'sinaminiblog',1);return false;"/>
<img src="http://i2.letvimg.com/pay/201504/27/1027/sinabg.png"/>
</a>
<!-- 更多平台按钮，(可选择选择性添加) -->
<a title="更多平台" onclick="javascript:bShare.more(event);return false;" style="cursor:pointer;color:#000;"/>
<img src="http://static.bshare.cn/frame/images/logos/s4/more.gif" style="height:16px; width:16px; vertical-align:middle;"/>
<span style="padding-left:2px; vertical-align:middle;">更多平台</span>
</a>
<!-- 添加分享次数 (可选择选择性添加)-->
<span class="BSHARE_COUNT" style="font-size:24px;">0</span>
</div>
<!--
* 自定义分享链接、标题、摘要及图片等内容
* 参考：http://www.bshare.cn/help/customShareContent
* title: "分享的标题，默认为当前页面标题",
* url: "分享的链接，默认为当前页面URL",
* summary: "分享的文本摘要，默认为页面Meta标签中description的内容或者用户高亮的内容",
* pic: "指定分享的图片的链接，目前支持新浪微博，QQ空间，搜狐微博，网易微博，人人网， * 嘀咕，腾讯微博和做啥。"
-->
<script type="text/javascript">
bShare.addEntry({
title: "羽泉2014北京圣诞演唱会",
url: "http://www.letv.com",
summary: "加入3个月乐视会员，不仅能看《羽泉2014北京圣诞演唱会》，还可领取官方何以礼品",
pic: "http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg"
});
</script>
<!-- ---------------------------单独按钮分享end----------------------------
-->
<!-- ---------------------------一键分享 ----------------------------------
-->
<!-- 引用插分享插件 -->
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bsync.js#style=-1"></script>
<h1>一键分享</h1>
<!-- 参数
* url 可选。分享的链接，默认为当前页面URL。
* title 可选。分享的标题，默认为当前页面标题。
* summary 可选。分享的文本摘要，默认为页面Meta标签中description的内容或者用户高亮的内容。
* pic 可选。图片分享中默认被选中的图片。默认为页面图片中的第一张。
* pics 可选。分享的图片链接，默认为页面中的图片。
-->
<div class="bsync-custom icon-medium-blue">
<a title="一键分享到各大微博和社交网络" class="bshare-bsync" onclick="javascript:bSync.share(event, 'bsharesync', {
url:'http://www.letv.com',
title:'羽泉2014北京圣诞演唱会',
summary:'加入3个月乐视会员，不仅能看《羽泉2014北京圣诞演唱会》，还可领取官方何以礼品~',
pic:'http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg'
})">
</a>
<!-- 添加分享次数 (可选择选择性添加)-->
<span class="BSHARE_COUNT bshare-share-count">0</span>
</div>
<!-- ---------------------------一键分享end ----------------------------------
-->
百度分享
<!-- ---------------------------百度分享----------------------------
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度分享</title>
<style type="text/css">
/*再样式上自定义默认按钮图片*/
.bdshare-button-style0-16 a.bds_tsina{
background-position: 0 0;
background: url(http://i0.letvimg.com/pay/201504/27/1027/qqzonebg.png) no-repeat;
width:52px;
height:52px;
}
</style>
</head>
<body>
<!--
百度分享较为简单，大家可直接到
http://share.baidu.com/code/advance参考
-->
<!-- 分享按钮 -->
<div class="bdsharebuttonbox">
<a href="#" class="bds_qzone" data-cmd="qzone"></a>
<a href="#" class="bds_tsina" data-cmd="tsina"></a>
<a href="#" class="bds_tqq" data-cmd="tqq"></a>
<a href="#" class="bds_renren" data-cmd="renren"></a>
<a href="#" class="bds_weixin" data-cmd="weixin"></a>
</div>
<!--
common : {
bdText : '自定义分享内容',
bdDesc : '自定义分享摘要',
bdUrl : '自定义分享url地址',
bdPic : '自定义分享图片'
}, -->
<script>
window._bd_share_config = {
"common": {
"bdText": "hello123456",
"bdDesc":"111",
"bdUrl":"http://www.letv.com",
"bdPic": "http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg",
},
"share": {
},
"image": {"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16"},
"selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]}
};
document.body.appendChild(document.createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5);
</script>
</body>
</html>
<!-- ---------------------------百度分享end----------------------------
-->
bshare分享
<!-- ---------------------------单独按钮分享----------------------------
-->
<!-- 引用插分享插件 -->
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh&text=123"></script>
<!--
* src，#后面的参数为不同的选项（可选），参考：http://www.bshare.cn/help/apiJsParams
* 个人用了一下，没有太大的意义，我们没有uuid，有些应用了但是没有效果，可能用法不对，大家可以一起看一下
-->
<h1>单独按钮分享</h1>
<div class="share">
<!--
* 自定义的分享按钮
* 其他分享的代码:http://www.bshare.cn/help/platformNames
-->
<a href="javascript:;" onclick="bShare.share(event,'qzone',1);return false;">
<img src="http://i0.letvimg.com/pay/201504/27/1027/qqzonebg.png"/>
</a>
<a href="javascript:;" onclick="bShare.share(event,'weixin',1);return false;">
<img src="http://i2.letvimg.com/pay/201504/27/1027/weixinbg.png"/>
</a>
<a href="javascript:;" onclick="bShare.share(event,'sinaminiblog',1);return false;"/>
<img src="http://i2.letvimg.com/pay/201504/27/1027/sinabg.png"/>
</a>
<!-- 更多平台按钮，(可选择选择性添加) -->
<a title="更多平台" onclick="javascript:bShare.more(event);return false;" style="cursor:pointer;color:#000;"/>
<img src="http://static.bshare.cn/frame/images/logos/s4/more.gif" style="height:16px; width:16px; vertical-align:middle;"/>
<span style="padding-left:2px; vertical-align:middle;">更多平台</span>
</a>
<!-- 添加分享次数 (可选择选择性添加)-->
<span class="BSHARE_COUNT" style="font-size:24px;">0</span>
</div>
<!--
* 自定义分享链接、标题、摘要及图片等内容
* 参考：http://www.bshare.cn/help/customShareContent
* title: "分享的标题，默认为当前页面标题",
* url: "分享的链接，默认为当前页面URL",
* summary: "分享的文本摘要，默认为页面Meta标签中description的内容或者用户高亮的内容",
* pic: "指定分享的图片的链接，目前支持新浪微博，QQ空间，搜狐微博，网易微博，人人网， * 嘀咕，腾讯微博和做啥。"
-->
<script type="text/javascript">
bShare.addEntry({
title: "羽泉2014北京圣诞演唱会",
url: "http://www.letv.com",
summary: "加入3个月乐视会员，不仅能看《羽泉2014北京圣诞演唱会》，还可领取官方何以礼品",
pic: "http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg"
});
</script>
<!-- ---------------------------单独按钮分享end----------------------------
-->
<!-- ---------------------------一键分享 ----------------------------------
-->
<!-- 引用插分享插件 -->
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bsync.js#style=-1"></script>
<h1>一键分享</h1>
<!-- 参数
* url 可选。分享的链接，默认为当前页面URL。
* title 可选。分享的标题，默认为当前页面标题。
* summary 可选。分享的文本摘要，默认为页面Meta标签中description的内容或者用户高亮的内容。
* pic 可选。图片分享中默认被选中的图片。默认为页面图片中的第一张。
* pics 可选。分享的图片链接，默认为页面中的图片。
-->
<div class="bsync-custom icon-medium-blue">
<a title="一键分享到各大微博和社交网络" class="bshare-bsync" onclick="javascript:bSync.share(event, 'bsharesync', {
url:'http://www.letv.com',
title:'羽泉2014北京圣诞演唱会',
summary:'加入3个月乐视会员，不仅能看《羽泉2014北京圣诞演唱会》，还可领取官方何以礼品~',
pic:'http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg'
})">
</a>
<!-- 添加分享次数 (可选择选择性添加)-->
<span class="BSHARE_COUNT bshare-share-count">0</span>
</div>
<!-- ---------------------------一键分享end ----------------------------------
-->
百度分享
<!-- ---------------------------百度分享----------------------------
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度分享</title>
<style type="text/css">
/*再样式上自定义默认按钮图片*/
.bdshare-button-style0-16 a.bds_tsina{
background-position: 0 0;
background: url(http://i0.letvimg.com/pay/201504/27/1027/qqzonebg.png) no-repeat;
width:52px;
height:52px;
}
</style>
</head>
<body>
<!--
百度分享较为简单，大家可直接到
http://share.baidu.com/code/advance参考
-->
<!-- 分享按钮 -->
<div class="bdsharebuttonbox">
<a href="#" class="bds_qzone" data-cmd="qzone"></a>
<a href="#" class="bds_tsina" data-cmd="tsina"></a>
<a href="#" class="bds_tqq" data-cmd="tqq"></a>
<a href="#" class="bds_renren" data-cmd="renren"></a>
<a href="#" class="bds_weixin" data-cmd="weixin"></a>
</div>
<!--
common : {
bdText : '自定义分享内容',
bdDesc : '自定义分享摘要',
bdUrl : '自定义分享url地址',
bdPic : '自定义分享图片'
}, -->
<script>
window._bd_share_config = {
"common": {
"bdText": "hello123456",
"bdDesc":"111",
"bdUrl":"http://www.letv.com",
"bdPic": "http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg",
},
"share": {
},
"image": {"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16"},
"selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]}
};
document.body.appendChild(document.createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5);
</script>
</body>
</html>
<!-- ---------------------------百度分享end----------------------------
-->
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【CF 应用开发大赛】IT Share（IT分享网）
- 新版本susymenu树形菜单，请大家指教、分享
- javascript实现类似百度分享功能的方法
- 网页上facebook分享功能具体实现
- js实现将选中内容分享到新浪或腾讯微博
- js实现选中页面文字将其分享到新浪微博
- 基于js实现微信发送好友如何分享到朋友圈、微博
- Android ShareSDK快速实现分享功能
- Android编程之微信SDK分享功能过程步骤详细分析
- Android编程实现微信分享信息的方法
- Android应用中加入微信分享简单方法
- Android调用微信登陆、分享、支付
- java实现的新浪微博分享代码实例
- Android使用WebView实现截图分享功能
- Android MenuItem分享
- 分享视频 华为CSR微电影
- H3C交换机dot1X+AD+IAS+CA配置实验（分享错误经历）一