在项目中我们常用到百度分享插件或者bshare分享插件,虽然官方都有自定义按钮的功能,但是毕竟还是只有少数几种,我们如何来制作有自己特色的分享按钮呢?

百度分享插件

<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>
最新资讯
泡面为什么一定要泡3分钟?万万没想到,竟是利用这个特点

泡面为什么一定要泡3

泡面为什么一定要泡3分钟呢?2分钟或者4分钟不行吗?
科学好故事|窥探大脑内部:我们是如何产生情绪和欲望的

科学好故事|窥探大脑内

通过对大量的数据进行分析,神经科学家试图了解我们的大
马斯克:特斯拉上海超级工厂最终有望年产100万辆电动汽车

马斯克:特斯拉上海超级

在2020年的特斯拉股东大会上,埃隆·马斯克透露,上海超级
百岁院士李东英逝世

百岁院士李东英逝世

稀有金属冶金及材料专家、中国工程院院士李东英,2020年
最新观测:彗星周围竟然出现怪异的紫外线极光!

最新观测:彗星周围竟然

在此之前科学家从未探测到彗星极光,但近期“罗塞塔”探
土星的海洋卫星土卫二在意想不到的地方发现了新冰

土星的海洋卫星土卫二

土星的卫星土卫二,也叫“恩赛勒达斯”,是一颗有间歇泉喷
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,