百度分享在新闻列表页分享多篇文章

解决的问题类似下面的截图

1.将下面的百度分享HTML放到你的文章循环体中

<div class="bdsharebuttonbox hide xian_<{$key}>" data-tag="share_<{$key}>">
 <a href="#" class="bds_more" data-cmd="more"></a>
 <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
 <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
 <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
 <a href="#" class="bds_mshare" data-cmd="mshare" title="分享到一键分享"></a>
</div>

上面的hide 、xian_<{$key}>的class类用来控制该段代码的显示与隐藏

2.下面是js代码（用js控制显示与隐藏还有要分享的文章路径）

function fenxiang(id,key){
   $(".bdsharebuttonbox").removeClass('show').addClass('hide')
   $(".xian_"+key).addClass('show')
   $("#artfenurl").val("<{url c=$mc a='artdetail'}>?id="+id);//设置路径
   //alert($("#artfenurl").val());
   var id = id;
   window._bd_share_config={
      "common":{
         "bdSnsKey":{},
         "bdText":"",
         "bdMini":"2",
         "bdMiniList":false,
         "bdPic":"",
         "bdStyle":"0",
         "bdSize":"32",
         "onBeforeClick" : function(id,config){
            return {"bdUrl":$("#artfenurl").val(),}
         }
      },
      "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)];
}

分享方法在分享按钮上定义οnclick=fenxiang();  如下：

3.我这里用的是input隐藏域来用js动态的更换要分享的文章链接

到这一步就大功告成了。