!!代码：baidu 分享
改参数，可以改图标的尺寸：16x16、24x24、32x32
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="Pragma" content="no-cache">
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//baidu共享
window._bd_share_config = {
"common": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "0",
"bdSize": "16",//16x16
//"bdSize": "24",//24x24
//"bdSize": "32",//32x32
},
"share": {}
};
var $head = $('head'),scriptEle = document.createElement('script');
scriptEle.src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js';
$head.append(scriptEle);
});
</script>
</head>
<body>
<!-- 点击分享按钮后的多个分享按钮层 -->
<div class="bdsharebuttonbox" data-tag="share_1">
<a class="bds_tqq" data-cmd="tqq" title="腾讯微博"></a>
<a class="bds_qzone" data-cmd="qzone" title="QQ空间"></a>
<a class="bds_sqq" data-cmd="sqq" title="QQ好友"></a>
<a class="bds_tsina" data-cmd="tsina" title="新浪微博"></a>
<a class="bds_weixin" data-cmd="weixin" title="微信"></a>
</div> <div class="bdsharebuttonbox" data-tag="share_2">
<a class="bds_tqq" data-cmd="tqq" title="腾讯微博"></a>
<a class="bds_qzone" data-cmd="qzone" title="QQ空间"></a>
<a class="bds_sqq" data-cmd="sqq" title="QQ好友"></a>
<a class="bds_tsina" data-cmd="tsina" title="新浪微博"></a>
<a class="bds_renren" data-cmd="renren" title="人人网"></a>
<a class="bds_weixin" data-cmd="weixin" title="微信"></a>
<a class="bds_bdxc" data-cmd="bdxc" title="百度相册"></a>
<a class="bds_kaixin001" data-cmd="kaixin001" title="开心网"></a>
<a class="bds_tqf" data-cmd="tqf" title="腾讯朋友"></a>
<a class="bds_tieba" data-cmd="tieba" title="百度贴吧"></a>
<a class="bds_douban" data-cmd="douban" title="豆瓣网"></a>
<a class="bds_tsohu" data-cmd="tsohu" title="搜狐微博"></a>
<a class="bds_bdhome" data-cmd="bdhome" title="百度新首页"></a>
<a class="bds_thx" data-cmd="thx" title="和讯微博"></a>
<a class="bds_bdysc" data-cmd="bdysc" title="百度云收藏"></a>
<a class="bds_meilishuo" data-cmd="meilishuo" title="美丽说"></a>
<a class="bds_mogujie" data-cmd="mogujie" title="蘑菇街"></a>
<a class="bds_diandian" data-cmd="diandian" title="点点网"></a>
<a class="bds_huaban" data-cmd="huaban" title="花瓣"></a>
<a class="bds_duitang" data-cmd="duitang" title="堆糖"></a>
<a class="bds_hx" data-cmd="hx" title="和讯"></a>
<a class="bds_fx" data-cmd="fx" title="飞信"></a>
<a class="bds_youdao" data-cmd="youdao" title="有道云笔记"></a>
<a class="bds_sdo" data-cmd="sdo" title="麦库记事"></a>
<a class="bds_qingbiji" data-cmd="qingbiji" title="轻笔记"></a>
<a class="bds_people" data-cmd="people" title="人民微博"></a>
<a class="bds_xinhua" data-cmd="xinhua" title="新华微博"></a>
<a class="bds_mail" data-cmd="mail" title="邮件分享"></a>
<a class="bds_isohu" data-cmd="isohu" title="我的搜狐"></a>
<a class="bds_yaolan" data-cmd="yaolan" title="摇篮空间"></a>
<a class="bds_wealink" data-cmd="wealink" title="若邻网"></a>
<a class="bds_ty" data-cmd="ty" title="天涯社区"></a>
<a class="bds_fbook" data-cmd="fbook" title="Facebook"></a>
<a class="bds_twi" data-cmd="twi" title="Twitter"></a>
<a class="bds_linkedin" data-cmd="linkedin" title="linkedin"></a>
<a class="bds_copy" data-cmd="copy" title="复制网址"></a>
<a class="bds_print" data-cmd="print" title="打印"></a>
<a class="bds_ibaidu" data-cmd="ibaidu" title="百度个人中心"></a>
<a class="bds_iguba" data-cmd="iguba" title="股吧"></a>
<br><br>
<a class="bds_more" data-cmd="more">更多</a>
<a class="bds_count" data-cmd="count"></a>
<a class="bds_mshare" data-cmd="mshare" title="一键分享"></a>
</div>
</body>
</html>
baidu分享，自定义图标：
http://www.internetke.com/effects/menu/2015/0821/1723.html 2016-6-13
http://www.internetke.com/jsEffects/2015082102/index.html 2016-6-23
<h1 class="keTitle">自定义百度分享URL以及图标样式JS代码</h1>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<!-- <link href="http://www.internetke.com/jsEffects/2015082102/css/style.css" rel="stylesheet" type="text/css"> -->
<style type="text/css">
body {font-family:"微软雅黑";}
ul, ol, li {list-style-type:none;}
.mybds-list{margin:0px 4%;}
.mybds-list .mybds-item{float:left;width:16.66%;text-align:center;}
</style>
<!--效果html开始-->
<style type="text/css">
.bdsharebuttonbox a { width: 60px!important; height: 60px!important; margin: 0 auto 10px!important; float: none!important; padding: 0!important; display: block; }
.bdsharebuttonbox a img { width: 60px; height: 60px; }
.bdsharebuttonbox .bds_tsina { background: url(http://www.internetke.com/jsEffects/2015082102/images/gbRes_6.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_qzone { background: url(http://www.internetke.com/jsEffects/2015082102/images/gbRes_4.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_tqq { background: url(http://www.internetke.com/jsEffects/2015082102/images/gbRes_5.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_weixin { background: url(http://www.internetke.com/jsEffects/2015082102/images/gbRes_2.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_sqq { background: url(http://www.internetke.com/jsEffects/2015082102/images/gbRes_3.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_renren { background: url(http://www.internetke.com/jsEffects/2015082102/images/gbRes_1.png) no-repeat center center/60px 60px; }
</style>
<div class="bdsharebuttonbox">
<ul class="mybds-list">
<li class="mybds-item"> <a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin" data-url="http://www.internetke.com/material/img/2013/1026/26.html"></a>微信好友 </li>
<li class="mybds-item"> <a title="分享到QQ好友" href="#" class="bds_sqq" data-cmd="sqq" data-url="http://www.internetke.com/material/img/2013/1026/26.html"></a>QQ好友 </li>
<li class="mybds-item"> <a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone" data-url="http://www.internetke.com/material/img/2013/1026/26.html"></a>QQ空间 </li>
<li class="mybds-item"> <a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq" data-url="http://www.internetke.com/material/img/2013/1026/26.html"></a>腾讯微博 </li>
<li class="mybds-item"> <a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina" data-url="http://www.internetke.com/material/img/2013/1026/26.html"></a>新浪微博 </li>
<li class="mybds-item"> <a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren" data-url="http://www.internetke.com/material/img/2013/1026/26.html"></a>人人网 </li>
</ul>
</div>
<script type="text/javascript">
//全局变量，动态的文章ID
var ShareURL = "";
//绑定所有分享按钮所在A标签的鼠标移入事件，从而获取动态ID
$(function () {
$(".bdsharebuttonbox a").mouseover(function () {
ShareURL = $(this).attr("data-url");
});
}); /*
* 动态设置百度分享URL的函数,具体参数
* cmd为分享目标id,此id指的是插件中分析按钮的ID
*，我们自己的文章ID要通过全局变量获取
* config为当前设置，返回值为更新后的设置。
*/
function SetShareUrl(cmd, config) {
if (ShareURL) {
config.bdUrl = ShareURL;
}
return config;
} //插件的配置部分，注意要记得设置onBeforeClick事件，主要用于获取动态的文章ID
window._bd_share_config = {
"common": {
onBeforeClick: SetShareUrl, "bdSnsKey": {}, "bdText": ""
, "bdMini": "2", "bdMiniList": false, "bdPic": "http://www.internetke.com/uploads/allimg/131026/1-1310261J0270-L.jpg", "bdStyle": "0", "bdSize": "24"
}, "share": {}
};
//插件的JS加载部分
with (document) 0[(getElementsByTagName('head')[0] || body)
.appendChild(createElement('script'))
.src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='
+ ~(-new Date() / 36e5)];
</script>
<!--效果html结束-->
百度分享：http://share.baidu.com/
http://share.baidu.com/code/advance
加网：http://www.jiathis.com/
http://www.webhek.com/change-jiathis-bshare-baidu-share-icon 解决jiathis/bshare/百度分享等网页分享工具图标丑陋难看的方法 2016-2-23
http://www.xuanfengge.com/social-platform-to-share-your-custom-javascript-components.html 社交平台分享自定义javascript组件
!!代码：baidu 分享的更多相关文章
- 基于Python使用SVM识别简单的字符验证码的完整代码开源分享
关键字:Python,SVM,字符验证码,机器学习,验证码识别 1 概述 基于Python使用SVM识别简单的验证字符串的完整代码开源分享. 因为目前有了更厉害的新技术来解决这类问题了,但是本文作 ...
- RFID系统 免费开源代码 开发,分享[申明：来源于网络]
RFID系统 免费开源代码 开发,分享[申明:来源于网络] 地址:http://www.codeforge.cn/s/0/RFID%E7%B3%BB%E7%BB%9F
- Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享 支付宝十年账单上的数字有点吓人,但它统计的项目太多,只是想看看到底单纯在淘宝上支出了多少,于是写了段脚本,统计任意时间段淘宝订单的消费情况,看 ...
- Java实现MD5加密及解密的代码实例分享
链接:http://www.jb51.net/article/86027.htm Java实现MD5加密及解密的代码实例分享 作者:厦门大学陈黎栋 字体:[增加 减小] 类型:转载 时间:2016-0 ...
- 最新版WinRAR5.61去广告代码教程分享（仅供学习交流）
最新版WinRAR5.61去广告代码教程分享(仅供学习交流) 第一步:到WinRAR官网www.rarlab.com下载自己需要的版本,选择Chinese Simplified 64bit 安装即可. ...
- SEO那些事：一句代码一键分享网站
这是很久以前就已经写过的笔记了,有一个习惯,每次遇到一个问题,都会进行百度,然后把解决问题的关键点记录下来,有人问我,为什么更新频率如此之快,大部分都是从前积累的知识点. 其实每天工作所涉及的知识点都 ...
- 常用Git代码托管服务分享
Git Repository代码托管服务越来越流行,目前有很多商业公司和个人团队逐渐切换项目到 Git平台进行代码托管.本文分享一些常用的Git代码托管服务,其中一些提供私有项目保护服务,特别有利于远 ...
- Snippets代码块分享网站
复习时,看老师之前贴在网上的一些代码,顺便搜集了一些代码块Snippets分享网站 http://paste.ubuntu.com/ 简约简单,一如既往Linux风,我之前用的也是这款,但已转gite ...
- windows系统服务编程代码示例分享
#include"XXXX.h" //包含的头文件 //定义全局函数变量 void Init(); BOOL IsInstalled(); BOOL Install(); BOOL ...
随机推荐
- 《TypeScript 中文入门教程》
转载:<TypeScript 中文入门教程> 17.注解 (2015-12-03 11:36) 转载:<TypeScript 中文入门教程> 16.Symbols (2015- ...
- Django App(五) load static files
经过前面4篇的努力,已经基本完成了,polls站点的功能,但是所有界面都没有涉及样式,和JavaScript的导入.到目前为止了解到的Django是通过解析Url来完成对客户端的响应的,那么组成站点所 ...
- webpack配置文件--（loader）
这篇写的很详细 https://segmentfault.com/a/1190000012718374#articleHeader9 主要的配置项: test:必须 匹配需要处理的文件的扩展名 use ...
- WEBBASE篇： 第七篇， JavaScript知识1
JavaScript 1 一.JavaScript 概述什么是JavaScript: JavaScript 简称 JS,是一种专门运行于JS解释器/引擎中的解释型脚本语言JS发展史: 1.1992年N ...
- 如何安装miniconda（python虚拟环境）
anaconda是用于科学计算的python发行版本(可用于python虚拟环境的管理),miniconda是简化版的anaconda 1.下载安装miniconda 下载miniconda 因为An ...
- 在linux中编译grpc
环境: centos_7_x86_x64 一.下载 1)下载grpc源代码:grpc-1.2.0.zip 2)下载grpc依赖库: 1)benchmark-master.zip 2)boringssl ...
- Office常用技巧
文章目录 大小写切换 把word里的自动编号转换为真实的文本 大小写切换 word中修改单词/句子的大小写:选中文字,按shift+F3,可在全大写.全小写.首字符大写间切换. 把word里的自动编号 ...
- Linux进程调度与抢占
一.linux内核抢占介绍 1.抢占发生的必要条件 a.preempt_count抢占计数必须为0,不为0说明其它地方调用了禁止抢占的函数,比如spin_lock系列函数.b.中断必须是使能的状态,因 ...
- glog学习（一）：glog的编译及demo
windows平台: 1.下载glog代码.下载地址:https://github.com/google/glog 2.使用cmake工具,获得对应的工程文件sln. 3.打开sln文件,生成对应的l ...
- Excel技巧--实现交叉查询
如上图,要实现某个地区和某个产品的销售额查询显示.可以使用Match和Index函数的使用来实现: 1.产品名称和城市栏,制作成列表可选:使用“数据”-->“数据验证”的方法. 2.先在旁边空位 ...