!!代码：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 ...
随机推荐
- 关于iOSlaunchScreen的尺寸
备注:这里只是个人的观点,有的地方也是copy,多多指教,个人笔记,有侵犯你们版权的地方还望海涵!!! 关于launchImage 的尺寸链接 摘自:http://www.cnblogs.com/Ri ...
- Android开发 ---ORMLite实现数据的增删改查，单例模式，Dao栈
效果图: 项目目录截图: 1.activity_main.xml 描述: 两行显示8个按钮 <?xml version="1.0" encoding="utf-8& ...
- NotePad++配置使之支持jquery、html、css、javascript、php提示
1.将以下文件复制到Notepad++\plugins\apis覆盖之前的xml文件 javascript.xml html.xml css.xml 2.打开notepad++设置>首选项& ...
- grep语法2
grep 参数 -n :显示行号-o :只显示匹配的内容-q :静默模式,没有任何输出,得用$?来判断执行成功没有,即有没有过滤到想要的内容 -l :如果匹配成功,则只将文件名打印出来,失败则 ...
- 2018idea如何布置tomcat修改URL后连接不到
以下连接 https://blog.csdn.net/cs825900618/article/details/86261019
- 深入理解使用synchronized同步方法和同步代码块的区别
一.代码块和方法之间的区别 首先需要知道代码块和方法有什么区别: 构造器和方法块,构造器可以重载也就是说明在创建对象时可以按照不同的构造器来创建,那么构造器是属于对象,而代码块呢他是给所有的对象初始化 ...
- IC卡T0协议中的过程字与状态字
T0协议中,IC卡收到命里头以后向TTL回传过程字或状态字SW1.SW2: TTL和IC卡在二者之间的命令和数据交换的任何时刻都必须知道数据流的方向和IO线路由谁驱动. 摘录参考:<中国金融集成 ...
- Unity在UI界面上显示3D模型/物体，控制模型旋转
Unity3D物体在UI界面的显示 本文提供全流程,中文翻译. Chinar 坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) Chinar -- ...
- ESP8266EX资料
https://github.com/esp8266/Arduino http://espressif.com/zh-hans/support/explore/faq 电路资料图如下: 介绍功能: 参 ...
- websocket 心跳重连
websocket 的基本使用: var ws = new WebSocket(url); ws.onclose = function () { //something reconnect(); // ...