百度分享插件使用经验

关键点的class div>层叠的div

<div class="share bdsharebuttonbox">
                            <c:if test="${YorNCollect == 0 || sessionScope.userId == null}">
                            <span οnclick="collectNews(1);" id="collect_1">收藏</span>
                        </c:if>
                            <c:if test="${YorNCollect == 1}">
                        <span οnclick="collectNews(2);" id="collect_2">已收藏</span>
                        </c:if>
                        <a class="bds_more" style="margin-top: 13px;" data-cmd="more"></a>
                            </div>

获取的插件js代码

<script>
     window._bd_share_config={
    "common":
      {"bdSnsKey":{},
    "bdText": "从人工智能到机械智能的转变！",
            "bdDesc": "开启数据便民时代，互动创造数据价值！",
    "bdMini":"2",
    "bdPic":"",
    "bdStyle":"0",
    "bdSize":"24"},
    "share":{},
    "image":
      {"viewList":["qzone","tsina","tqq","renren","weixin"],
    "viewText":"分享到：",
    "viewSize":"16"},
    "selectShare":
       {"bdContainerClass":null,
    "bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};
    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>

在项目开发中，客户经常会要求网站要有分享到各个社交圈的功能，so，百度分享可以快速的帮助我们解决这个问题

方法/步骤

1. 1

   打开百度，搜索百度分享

   
2. 2

   打开百度分享的官网，点击免费获取代码

   
3. 3

   在页面左侧进行自由版和专业版的切换，选择你需要的代码功能

   在页面右侧可以预览相应的效果，往下拉，点击下一步或者直接复制代码

   
4. 4

   设置页面分享以及划词分享按钮风格和大小，点击下一步或者直接复制代码

   
5. 5

   设置图片按钮，点击下一步或者直接复制代码

   
6. 6

   自定义分享来源，往下拉，点击复制代码

   
7. 7

   代码复制成功，点击确定

   
8. 8

   打开你需要百度分享的文件，将代码粘贴进去

   
9. 9

   刷新页面，就页面、图片、划词都有分享功能了^_^是不是好神奇啊

   
10.