编程 Javascript

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>

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

js 调用百度分享功能

- Author -

我本善良

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery读取XML文件数据并显示的实现代码

Dec 16 Javascript

Jquery实现显示和隐藏的4种简单方式

Aug 28 Javascript

JS正则表达式大全(整理详细且实用)

Nov 14 Javascript

jquery datatable后台封装数据示例代码

Aug 07 Javascript

jquery实现Slide Out Navigation滑出式菜单效果代码

Sep 07 Javascript

jQuery中each()、find()和filter()等节点操作方法详解(推荐)

May 25 Javascript

bootstrap模态框实现拖拽效果

Dec 14 Javascript

利用node.js实现反向代理的方法详解

Jul 24 Javascript

js学习总结之DOM2兼容处理顺序问题的解决方法

Jul 27 Javascript

基于Vue实现支持按周切换的日历

Sep 24 Javascript

js单页hash路由原理与应用实战详解

Aug 14 Javascript

JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)

Mar 10 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