前言
百度分享目前来说应该是用的比较多的第三方分享组件了，但是百度的默认样式又不是那么美观，遂在此分享下自定义修改百度分享样式的方法，支持https方法看这篇文章百度分享不支持Https的解决方案
代码
<head>
<style>
.bdsharebuttonbox.bdshare-button-style0-24 a {float: none;display: inline-block;margin: 0 2px;position: relative;}
.bdsharebuttonbox.bdshare-button-style0-24 span {position: relative;vertical-align: top;}
.bdsharebuttonbox.bdshare-button-style0-24 a.bds_more {color: #666;font-size: 14px;}
</style>
</head>
<body>
<div class="action-share">
<div class="bdsharebuttonbox bdshare-button-style0-24" data-bd-bind="1517296141901">
<span>分享到：</span>
<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
<a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a>
<a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a>
<a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a>
<a class="bds_more" data-cmd="more">更多</a> <span>(</span><a class="bds_count" data-cmd="count" title="累计分享0次">0</a><span>)</span>
</div>
<script>
window._bd_share_config = {
common: {
"bdText" : "",
"bdMini" : "2",
"bdMiniList" : false,
"bdPic" : "",
"bdStyle" : "0",
"bdSize" : "24"
},
share: [{
bdCustomStyle: "./css/share.css"
}]
}
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>
</div>
</body>
</html>
源码下载
下载地址
链接：https://pan.baidu.com/s/1Yvtc84qQ7mQU_6GB-hxhOQ 密码：e9my
评论 (0)