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 相关文章推荐
JavaScript学习笔记记录我的旅程
May 23 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
浅谈javascript的调试
Jan 28 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
JS模拟超市简易收银台小程序代码解析
Aug 18 Javascript
vue组件实现进度条效果
Jun 06 Javascript
Vue.js 中的实用工具方法【推荐】
Jul 04 Javascript
原生js+css实现tab切换功能
Sep 17 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
Nov 04 Javascript
vue实现锚点定位功能
Jun 29 Vue.js
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
Discuz 模板引擎的封装类代码
2008/07/18 PHP
php实例分享之二维数组排序
2014/05/15 PHP
php中this关键字用法分析
2016/12/07 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
文本加密解密
2006/06/23 Javascript
网页常用特效代码整理
2006/06/23 Javascript
ASP SQL防注入的方法
2008/12/25 Javascript
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
JS添加删除一组文本框并对输入信息加以验证判断其正确性
2013/04/11 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
2013/07/10 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
jQuery的attr与prop使用介绍
2013/10/10 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
BootStrap Datepicker 插件修改为默认中文的实现方法
2017/02/10 Javascript
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
JS控制鼠标拒绝点击某一按钮的实例
2017/12/29 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
2018/02/08 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
使用Python进行稳定可靠的文件操作详解
2013/12/31 Python
有趣的python小程序分享
2017/12/05 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
《蚕姑娘》教学反思
2014/04/15 职场文书
党员查摆问题及整改措施
2014/10/10 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
大学升旗仪式主持词
2015/07/04 职场文书
搞笑婚礼主持词开场白
2015/11/24 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang