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


Posted in Javascript onJune 20, 2014

百度分享插件

<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>
Javascript 相关文章推荐
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
Nov 08 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
谈谈JavaScript类型系统之Math
Jan 06 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
全面解析标签页的切换方式
Aug 21 Javascript
工厂模式在JS中的实践
Jan 18 Javascript
原生js实现中奖信息无间隙滚动效果
Jan 18 Javascript
Vue实现类似Spring官网图片滑动效果方法
Mar 01 Javascript
详解微信小程序的不同函数调用的几种方法
May 08 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 #Javascript
Node.js实现简单聊天服务器
Jun 20 #Javascript
SuperSlide2实现图片滚动特效
Jun 20 #Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 #Javascript
js常用数组操作方法简明总结
Jun 20 #Javascript
JS实现闪动的title消息提醒效果
Jun 20 #Javascript
jquery操作checked属性以及disabled属性的多种方法
Jun 20 #Javascript
You might like
php Try Catch异常测试
2009/03/01 PHP
PHP实现检测客户端是否使用代理服务器及其匿名级别
2015/01/07 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
js 替换
2008/02/19 Javascript
javascript Base类 包含基本的方法
2009/07/22 Javascript
jquery 元素相对定位代码
2010/10/15 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
js控制页面的全屏展示和退出全屏显示的方法
2015/03/10 Javascript
Jquery调用iframe父页面中的元素及方法
2016/08/23 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
使用vue实现grid-layout功能实例代码
2018/01/05 Javascript
Node.js readline模块与util模块的使用
2018/03/01 Javascript
NodeJS父进程与子进程资源共享原理与实现方法
2018/03/16 NodeJs
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
python中的函数用法入门教程
2014/09/02 Python
Python中标准模块importlib详解
2017/04/16 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
python开发游戏的前期准备
2019/05/05 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
详解mac python+selenium+Chrome 简单案例
2019/11/08 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
入团者的自我评价分享
2013/12/02 职场文书
管理心得体会
2013/12/28 职场文书
促销活动计划书
2014/05/02 职场文书
后进生评语大全
2015/01/04 职场文书
考研复习计划
2015/01/19 职场文书
语文教师个人工作总结
2015/02/06 职场文书
留学推荐信英文范文
2015/03/26 职场文书
解析MySQL binlog
2021/06/11 MySQL