码迷,mamicode.com
首页 > 其他好文 > 详细

百度分享

时间:2014-07-01 22:06:48      阅读:264      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   java   color   

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

bubuko.com,布布扣
 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": 16
33     }]
34 
35 }
36 with (document) 0[(getElementsByTagName(head)[0] || body).appendChild(createElement(script)).src = http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion= + ~(-new Date() / 36e5)];
js代码

使用说明
第一步:分享对象属性重新赋值
第二步:把代码输出到指定的地方中
第三步:引用分享js,必须放在分享对象属性重新赋值的前面
代码如下:
<script src="/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>

百度分享,布布扣,bubuko.com

百度分享

标签:des   style   blog   http   java   color   

原文地址:http://www.cnblogs.com/nik2011/p/3816612.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!