首页 > 代码库 > 百度分享

百度分享

最近发现用百度分享很方便,他集合了新浪微博、qq空间等分享

 1 //输出到网页中的html代码 2 function GetShareHtml_v2() { 3     var html = <div data-tag="share_1" class="bdsharebuttonbox ">; 4     html += <a data-cmd="tsina" class="bds_tsina" title="分享到新浪微博"></a>; 5     html += <a data-cmd="weixin" class="bds_weixin" title="分享到微信"></a>; 6     html += <a data-cmd="mshare" class="bds_mshare" title="分享到一键分享"></a>; 7     html += <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>; 8     html += <a data-cmd="renren" class="bds_renren" title="分享到人人网"></a>; 9     html += <a data-cmd="tqq" class="bds_tqq" title="分享到腾讯微博"></a>;10     html += <a data-cmd="more" class="bds_more"></a>;11     html += </div>;12     return html;13 }14 //输出到网页中简短的html代码15 function GetShareHtml_short() {16     var html = <div data-tag="share_1" class="bdsharebuttonbox ">;17     html += <a data-cmd="more" class="bds_more">分享到</a>;18    html += </div>;19     return html;20 }21 22 //配置23 window._bd_share_config = {24     common: {25         bdText:‘‘, //自定义分享内容26         bdDesc: ‘‘,//自定义分享摘要27         bdUrl:window.location.href,//自定义分享url地址28         bdPic:‘‘ //自定义分享图片29     },30     share: [{//按钮分享31         "tag":"share_1",32         "bdSize": 1633     }]34 35 }36 with (document) 0[(getElementsByTagName(head)[0] || body).appendChild(createElement(script)).src = http://www.mamicode.com/http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion= + ~(-new Date() / 36e5)];
js代码

使用说明
第一步:分享对象属性重新赋值
第二步:把代码输出到指定的地方中
第三步:引用分享js,必须放在分享对象属性重新赋值的前面
代码如下:
<script src="http://www.mamicode.com/Content/Scripts/Share.js" type="text/javascript"></script>
<script type="text/javascript">
//分享对象属性重新赋值
var winCommon=window._bd_share_config.common;
winCommon.bdText = "dfsdfs"; //自定义分享内容
winCommon.bdPic = "2222222"; //自定义分享图片
winCommon.bdUrl = "2222222"; //自定义分享Url
$(function () {
$("#share1").html(GetShareHtml_v2()); //把代码输出到Id为share1的div中
$("#share1").html(GetShareHtml_short()); //如果只显示’分享到‘ 则调用GetShareHtml_short()
});

</script>