当前位置: 首页 > 编程笔记 >

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

林子石
2023-03-14
本文向大家介绍教你如何自定义百度分享插件以及bshare分享插件的分享按钮,包括了教你如何自定义百度分享插件以及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&amp;style=999&amp;img=http%3A%2F%2Fjingguan.365use.com%2Fwap%2Fimages%2Frfhui1.jpg&amp;h=20&amp;w=23&amp;mdiv=0&amp;pop=-1&amp;bp=qqmb,bsharesync,sinaminiblog,qzone,189share,sohuminiblog,renren,xinhuamb,tianya,shouji,ifengmb,neteasemb,qqxiaoyou,kaixin001,weixin,douban,qqim">
</script>
 类似资料:
  • 本文向大家介绍自定义百度分享的分享按钮,包括了自定义百度分享的分享按钮的使用技巧和注意事项,需要的朋友参考一下 代码很简单,主要是修改了下百度分享的部分代码,小伙伴们自己对比下。 以上就是本文的全部内容了,希望大家能够喜欢

  • 本文向大家介绍百度地图自定义控件分享,包括了百度地图自定义控件分享的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接奉上代码; 上面代码就是个人正在使用的百度地图的自定义控件,希望大家能够喜欢。

  • 本文向大家介绍vue实现微信二次分享以及自定义分享的示例,包括了vue实现微信二次分享以及自定义分享的示例的使用技巧和注意事项,需要的朋友参考一下 微信二次分享/自定义分享 从App中使用App分享(一次分享) 使用微信导航栏的分享(二次分享) --已做处理 使用微信导航栏的分享(二次分享) --未做处理 如上图,如果不做相关处理,页面进行二次分享,用户看到的就是链接+空图,上面显示的文案(考拉阅

  • 本文向大家介绍javascript时间差插件分享,包括了javascript时间差插件分享的使用技巧和注意事项,需要的朋友参考一下 javascript时间差插件分享,供大家参考,具体内容如下 Html如下:   TimeDifference.js代码如下:  结果如图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍15款jQuery分布引导插件分享,包括了15款jQuery分布引导插件分享的使用技巧和注意事项,需要的朋友参考一下 1. Power Tour 2. Bootstrap Tour 3. Bootstro.js 4. Intro.js 5. Power Tour 6. Trip.js 7. jQuery Tour Bus 8. jQuery Site Tour 9. Website

  • 本文向大家介绍分享一个自己动手写的jQuery分页插件,包括了分享一个自己动手写的jQuery分页插件的使用技巧和注意事项,需要的朋友参考一下 工作需要一个JS分页插件,心想自己动手写一个吧,一来上网找一个不清楚代码结构的,出了问题难以解决,而且网上的插件所包含的功能太多,有些根本用不到,就没必要加载那段JS,二来想起没写过jQuery插件,就当练一下手了,好了,先看结果: http://demo