教你如何自定义百度分享插件以及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 相关文章推荐
extjs 学习笔记(一) 一些基础知识
Oct 13 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
Aug 02 Javascript
jQuery自带的一些常用方法总结
Sep 03 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
Jan 19 Javascript
vue实现留言板todolist功能
Aug 16 Javascript
JavaScript运行原理分析
Feb 09 Javascript
解决vue打包后刷新页面报错:Unexpected token
Aug 27 Javascript
JavaScript setInterval()与setTimeout()计时器
Dec 27 Javascript
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 字符串分割和比较
2009/10/06 PHP
那些年一起学习的PHP(二)
2012/03/21 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
PHP中$_SERVER使用说明
2015/07/05 PHP
php实现异步数据调用的方法
2015/12/24 PHP
laravel开发环境homestead搭建过程详解
2020/07/03 PHP
IE浏览器兼容Firefox的JS脚本的代码
2008/10/23 Javascript
jQuery 使用个人心得
2009/02/26 Javascript
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
js中window.open的参数及注意注意事项
2016/07/06 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
基于AngularJS实现的工资计算器实例
2017/06/16 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
2017/08/14 Javascript
一步步教你利用Canvas对图片进行处理
2017/09/19 Javascript
jQuery替换节点元素的操作方法
2018/03/18 jQuery
js实现中文实时时钟
2020/01/15 Javascript
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解
2020/02/17 Python
瑞士国际航空官网:SWISS
2016/07/21 全球购物
英国轻奢珠宝品牌:Astley Clarke
2016/12/18 全球购物
大学优秀班主任事迹材料
2014/05/02 职场文书
校园绿化美化方案
2014/06/08 职场文书
地理科学专业自荐信
2014/09/01 职场文书
小学生清明节演讲稿
2014/09/05 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
jquery插件实现悬浮的菜单
2021/04/24 jQuery