教你如何自定义百度分享插件以及bshare分享插件的分享按钮

前端技术 2023/09/05 JavaScript

百度分享插件

<style>
  .userStyle{
    width:100%;
    height:30px;
    display:block;
  }
  .userStyle span.bds_more{
    background:url(\"/wap/images/rfhui1.jpg\") no-repeat scroll 0 5px rgba(0, 0, 0, 0) !important;
  }
</style>
<div class=\"userStyle\">
  <!-- Baidu Button BEGIN -->
  <div id=\"bdshare\" class=\"bdshare_t bds_tools get-codes-bdshare\">
    <span class=\"bds_more\"></span>
  </div>
  <script type=\"text/javascript\" id=\"bdshare_js\" data=\"type=tools\" ></script>
  <script type=\"text/javascript\" id=\"bdshell_js\"></script>
  <script type=\"text/javascript\">
    document.getElementById(\"bdshell_js\").src = \"http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=\" + Math.ceil(new Date()/3600000);
  </script>
  <!-- Baidu Button END -->
</div>

bShare分享插件

<div class=\"bsync-custom icon-medium-blue\">
  <a title=\"一键分享到各大微博和社交网络\" class=\"bshare-bsync\" onclick=\"javascript:bShare.more(event);return false;\"></a>
</div>
<a class=\"bshareDiv\" href=\"http://www.bshare.cn/share\">分享按钮</a>
<script 
    type=\"text/javascript\" 
    charset=\"utf-8\" 
    src=\"http://static.bshare.cn/b/buttonLite.js#uuid=773faa5d-cee1-4696-9c99-d400a5d7a1c1&style=999&img=http%3A%2F%2Fjingguan.365use.com%2Fwap%2Fimages%2Frfhui1.jpg&h=20&w=23&mdiv=0&pop=-1&bp=qqmb,bsharesync,sinaminiblog,qzone,189share,sohuminiblog,renren,xinhuamb,tianya,shouji,ifengmb,neteasemb,qqxiaoyou,kaixin001,weixin,douban,qqim\">
</script>

本文地址:https://www.stayed.cn/item/13059

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。