js 调用百度分享功能


Posted in Javascript onFebruary 27, 2017

效果图:

 js 调用百度分享功能

图(1)未展开

js 调用百度分享功能

图(2)展开效果

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="bdsharebuttonbox">
 <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="bds_more" data-cmd="more"></a>
 <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
 <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
 <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
 <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
 <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
</div>
<script>
 window._bd_share_config = {
 "common": {
 "bdSnsKey": {},
 "bdText": "",
 "bdMini": "2",
 "bdMiniList": false,
 "bdPic": "",
 "bdStyle": "0",
 "bdSize": "32"
 },
 "share": {},
 "image": {
 "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"],
 "viewText": "分享到:",
 "viewSize": "16"
 },
 "selectShare": {
 "bdContainerClass": null,
 "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]
 }
 };
 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>
</body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
jquery 选择器引擎sizzle浅析
Feb 06 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
JQuery节点元素属性操作方法
Jun 11 Javascript
浅谈javascript中的call、apply、bind
Mar 06 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
JavaScript实现购物车基本功能
Jul 21 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
使用vue-router为每个路由配置各自的title
Jul 30 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
Sep 03 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
Feb 27 #Javascript
jQuery实现元素的插入
Feb 27 #Javascript
jQuery实现导航回弹效果
Feb 27 #Javascript
使用jQuery操作DOM的方法小结
Feb 27 #Javascript
jQuery模拟淘宝购物车功能
Feb 27 #Javascript
原生js实现轮播图
Feb 27 #Javascript
PHP实现本地图片上传和验证功能
Feb 27 #Javascript
You might like
JS获取客户端IP地址、MAC和主机名的7个方法汇总
2014/07/21 Javascript
jQuery中click事件的定义和用法
2014/12/20 Javascript
使用js画图之画切线
2015/01/12 Javascript
js实现感应鼠标图片透明度变化的方法
2015/02/20 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
vue实现word,pdf文件的导出功能
2018/07/31 Javascript
vue devtools的安装与使用教程
2018/08/08 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
[01:01:22]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例
2018/05/16 Python
django框架基于模板 生成 excel(xls) 文件操作示例
2019/06/19 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
python区分不同数据类型的方法
2019/10/14 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
简单介绍django提供的加密算法
2019/12/18 Python
Python开发企业微信机器人每天定时发消息实例
2020/03/17 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
CPB肌肤之钥美国官网:Clé de Peau Beauté
2017/09/05 全球购物
如何判断计算机可能已经中马
2013/03/22 面试题
下列程序在32位linux或unix中的结果是什么
2014/03/25 面试题
UNIX命令速查表
2012/03/10 面试题
运动会稿件300字
2014/02/14 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
小学二年级学生评语
2014/04/21 职场文书
环保倡议书300字
2014/05/15 职场文书
就业意向书
2014/07/29 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
汇报材料怎么写
2014/12/30 职场文书
SpringBoot整合Mybatis Generator自动生成代码
2021/08/23 Java/Android