百度分享--分享按钮的实现

               



百度分享代码：

<%@ page contentType="text/html;charset=UTF-8"%>
<div class="bdsharebuttonbox">
 <a href="#" class="bds_more" data-cmd="more"></a><a href="#"
  class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#"
  class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#"
  class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#"
  class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#"
  class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#"
  class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a>
</div>
<script>
 window._bd_share_config = {
  "common" : {
   "bdSnsKey" : {},
   "bdText" : "",
   "bdMini" : "2",
   "bdMiniList" : false,
   "bdPic" : "",
   "bdStyle" : "0",
   "bdSize" : "24"
  },
  "share" : {}
 };
 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>
</div>

要注意的是要加上class="bdsharebuttonbox" 属性，class="bds_more" data-cmd="more"这些属性都要加上。

注：只有版本号高于2.0的代码才支持自定义开发，如果您已安装过百度分享，请先检测版本号是否符合，再参考此文档，谢谢。

一、概述

百度分享代码已升级到2.0，本页将介绍新版百度分享的安装配置方法，请点击左侧列表查看相关章节。

二、代码结构

分享代码可以分为三个部分：HTML、设置和js加载，示例如下：

代码结构如下：

<div class="bdsharebuttonbox" data-tag="share_1"> <!-- 此处添加展示按钮 --></div><script> window._bd_share_config = { //此处添加分享具体设置 } //以下为js加载部分 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)];</script>