!!代码：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 ...
随机推荐
- HOWTO For iSCSI-SCST && Gentoo HOWTO For iSCSI-SCST
前言:SCST是一个老版本的linux target实现了,现在基本已经被LIO取代 HOWTO For iSCSI-SCST 这是一个非常快速的HOWTO,旨在提供有关如何设置和配置iSCS ...
- C语言冒泡(起泡)排序与选择排序的循环条件区别
冒泡排序(写法1): i = 0; i < n-1; ++i{ flag = true; j = 0; j < n-1-i; ++j{//从前面开始冒泡 if( arr[j] < a ...
- Java的课堂实验
题目是:用Aplet创建一个小程序,使得当你的鼠标经过图片时,放歌~ 其中,补充知识:1.MouseMotionListener这个和MouseListener这两个监听器要了解以下 2.Aplet这 ...
- POJ 3254 Corn Fields (状压入门)
Farmer John has purchased a lush new rectangular pasture composed of M by N (1 ≤ M≤ 12; 1 ≤ N ≤ 12) ...
- binary and out mode to open a file
When I use binary and out mode to open a exist file, and to modify the 4th and 8th byte data to 0x78 ...
- phpcms 路由配置
这是一个由apache多站点配置引发的"血案",本以为是本地多站点配置的问题,结果找了半天没找到相关配置,最后还是问的大腿,同时也了解一些关于c盘hosts文件的映射作用以及使用 ...
- 数组,集合,字符串,bean,map
//[字符串]转成[数组] String[] arr = "1,2,3,4,5,6".split(","); //[String数组]转成[Long数组] Lo ...
- 20155208徐子涵 Exp4 恶意代码分析
20155208徐子涵 Exp4 恶意代码分析 实践目标 1.1是监控你自己系统的运行状态,看有没有可疑的程序在运行. 1.2是分析一个恶意软件,就分析Exp2或Exp3中生成后门软件:分析工具尽量使 ...
- codeforces 338D GCD Table
什么都不会只能学数论QAQ 英文原题不贴了 题意: 有一张N*M的表格,i行j列的元素是gcd(i,j)读入一个长度为k,元素大小不超过10^12的序列a[1..k],问这个序列是否在表格的某一行中出 ...
- CPU使用情况之平均负载
需求场景: 新入职公司,需要监控方案,于是先把zabbix里有关OS模块的监控项全部列出来,并一个一个去研究具体的代表的意思:发现其他的都很容易理解,只要有关CPU监控的就难以理解.于是 ...