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

2024-10-02 10:21:33

百度分享插件

<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>

自定义百度分享的分享按钮

代码很简单,主要是修改了下百度分享的部分代码,小伙伴们自己对比下. 复制代码代码如下: <div class="tool_title"><b>分享到: </b></div> <div class='share'> <div class="bdsharebuttonbox"><a href="#" class="bds_more&quo
利用JS延迟加载百度分享代码,提高网页速度

发现很多网站在放置百度分享代码的时候,简单的将分享代码放置到固定的网页位置就完事了,这是非常致命的方式.因为,我经常打开一个网页的时候,发现在网页加载到分享代码的时候,有时候花上几秒的时候来请求百度的服务器,最后展示分享按钮. 其实,像这样对网页来说不是非常重要的功能,我们大可以用JS来延迟加载,从而提高网页主要内容的快速加载显示.这里分享下我的放置方式.一.copy百度分享代码,如下: 复制代码代码如下: <div id=&quo
教你如何自定义百度分享插件以及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"
自己动手编写一个Mybatis插件之Mybatis脱敏插件

1. 前言在日常开发中,身份证号.手机号.卡号.客户号等个人信息都需要进行数据脱敏.否则容易造成个人隐私泄露,客户资料泄露,给不法分子可乘之机.但是数据脱敏不是把敏感信息隐藏起来,而是看起来像真的一样,实际上不能是真的.我以前的公司就因为不重视脱敏,一名员工在离职的时候通过后台的导出功能导出了核心的客户资料卖给了竞品,给公司造成了重大的损失.当然这里有数据管理的原因,但是脱敏仍旧是不可忽略的一环,脱敏可以从一定程度上保证数据的合规使用.下面就是一份经过脱敏的数据: 2. Mybatis 脱敏插
Javascript 实现微信分享（QQ、朋友圈、分享给朋友）

最近做微信开发,对微信公众号的开发,现在好的都是分享到朋友圈,QQ,分享给好友等分享功能,这里记录下,有需要的朋友也可以看下. // 微信分享 var wx = require('wechat-sdk'); rewardsResultService.getWechatInfo().then(function(data) { var conf = data; wx.config({ debug: false, appId: 'wx34e783920b37ee91', timestamp: conf
VsCode插件自动生成注释插件koroFileHeader使用教程

目录 VsCode插件自动生成注释插件koroFileHeader使用 PS:vscode使用‘koroFileHeader‘插件生成注释插件安装配置插件插件使用生成图案注释 VsCode插件自动生成注释插件koroFileHeader使用强烈推荐的一款VsCode注释插件koroFileHeader,具体使用参考内容. 1.安装插件. 在VsCode里选择Extensions搜索koroFileheader进行安装. 2.根据需要修改默认注释配置,先选择File-Preference
Vue自定义可以选择日期区间段的日历插件

本文实例为大家分享了Vue自定义日历插件的具体代码,供大家参考,具体内容如下由于网上的插件没有符合项目的需求决定自己实现图示如下: 默认选择今天的日期时间段 1.默认状态(默认选择当前日期的时间段(蓝底背景色代表选中时间段), 2.当前日期之前的时间不可以选择(禁用了点击事件)) 3.当日历上的操作的年份月份小于当前时间的年份月份时禁止点击上一月的按钮选中状态 1.可以跨年分跨月份选择 2.点击取消按钮时回复到默认的选择时间代码如下 <template> <div class
AngularJS自定义指令详解（有分页插件代码）

前言除了 AngularJS 内置的指令外,我们还可以创建自定义指令. 通过 .directive() 函数来添加自定义的指令. 调用自定义指令时,需要在HTMl 元素上添加自定义指令名. 自定义指令命名规则:使用驼峰命名法来命名,即除第一个单词外的首字母需大写.如: myDirective. 在html页面调用该指令时需要以 - 分割,如: my-directive.示例代码: <body ng-app="myApp"> <my-directive><
详解百度百科目录导航树小插件

说起来比较惭愧,在园子里混了4年,注册账号也有3年多了,一篇博客都没有写过,之前不写博客的原因是:1,觉得自己的水平弱爆了,不敢出来误人子弟,也怕大牛们笑话 2,太懒了,有时候自己搞一点小东西,搞的过程中兴趣盎然,等搞出来以后就觉得索然无味了,懒得花时间再去整理.新的一年不想再抱着这种想法继续下去了,改变就从今天开始. 先介绍一下造轮子的背景:前几天给客户设计原型,是关于一个步骤数据展示及打分的页面,客户可以在此页面上看到APP端配置的工作步骤以及采集到的数据,可以分别给每个步骤打分,在设计的时
jquery插件冲突(jquery.noconflict)解决方法分享

许多的 JS 框架类库都选择使用$符号作为函数或变量名,jQuery是其中最为典型的一个.在 jQuery 中,$ 符号只是 window.jQuery 对象的一个引用,因此即使 $ 被删除,window.jQuery 依然是保证整个类库完整性的坚强后盾.jQuery 的 API 设计充分考虑了多框架之间的引用冲突,我们可以使用 jQuery.noConflict 方法来轻松实现控制权的移交. jQuery.noConflict 方法包含一个可选的布尔参数[1],用以决定移交 $ 引用的同时是否
Bootstrap教程JS插件滚动监听学习笔记分享

本文主要来学习一下JavaScript插件--滚动监听. 1.案例滚动监听插件可以根据滚动条的位置自动更新所对应的导航标记.你可以试试滚动这个页面,看看左侧导航的变化. 先把实现的代码上了,你可以通过测试代码先来看看效果. <!DOCTYPE html> <html> <head> <title>Bootstrap</title> <meta name="viewport" content="width=de

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

相关推荐

随机推荐