Don't forget that you have had a dream

    

自定义百度分享(样式,文件加载)

前言

百度分享目前来说应该是用的比较多的第三方分享组件了,但是百度的默认样式又不是那么美观,遂在此分享下自定义修改百度分享样式的方法,支持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://file.whongbin.com/blog/img20190430105702.png

源码下载

下载地址

链接:https://pan.baidu.com/s/1Yvtc84qQ7mQU_6GB-hxhOQ 密码:e9my

您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!
所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 知识共享许可协议 进行许可。

评论已关闭

  更新日志

博客banner下方滚动文字替换为使用 一言API 随机获取 --- updated on 2019-05-22 09:04:31 星期三

  关于博主

三里林,一个致力于分享,分享心得,分享技术,分享知识点的个人博客

  近期评论

  分类目录

桑丘,让他们管我叫疯子吧,我还疯得不够,所以得不到他们的赞许。

你眼中的星海灿烂 是我不曾见过的世外桃源

无论你接不接受,现实就这么回事,一点也不在乎你怎么想的。

是金子一定会发光,是银子一定会花光,是裙子一定会走光,是节操一定要丢光。

无尽虚空,无双幻术,沉沦国度,永世沉沦

童话只美在真实却从不续写。

命运啊,说是注定,不如说是你忘了是在何时做了选择。

你才是⑨!你全家都是⑨!