脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 百度分享

js 调用百度分享功能

 更新时间：2017年02月27日 15:20:21   作者：我本善良  
本文主要介绍了js调用百度分享功能的方法，具有很好的参考价值，下面跟着小编一起来看下吧

效果图：

 

图（1）未展开

图（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>

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

您可能感兴趣的文章:

相关文章

  • 判断横屏竖屏（三种）

    判断横屏竖屏（三种）

    本文主要介绍了通过HTML，CSS，JS三种判断横屏竖屏的方法。具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • cropper.js和exif.js实现头像上传缩放裁剪旋转

    cropper.js和exif.js实现头像上传缩放裁剪旋转

    这篇文章主要为大家详细介绍了cropper.js和exif.js实现头像上传缩放裁剪旋转，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-02-02
  • javascript跨域总结之window.name实现的跨域数据传输

    javascript跨域总结之window.name实现的跨域数据传输

    本文给大家介绍window.name实现的跨域数据传输，自己亲自实践了一下，真的非常好用，特此分享到脚本之家网站供大家参考
    2015-11-11
  • Bootstrap实现的表格合并单元格示例

    Bootstrap实现的表格合并单元格示例

    这篇文章主要介绍了Bootstrap实现的表格合并单元格,涉及bootstrap界面布局相关操作技巧,需要的朋友可以参考下
    2018-02-02
  • 微信小程序实现的绘制table表格功能示例

    微信小程序实现的绘制table表格功能示例

    这篇文章主要介绍了微信小程序实现的绘制table表格功能,涉及微信小程序数据读取及界面布局相关操作技巧,需要的朋友可以参考下
    2019-04-04
  • JS实现简单控制视频播放倍速的实例代码

    JS实现简单控制视频播放倍速的实例代码

    这篇文章主要介绍了通过JS来实现简单控制视频播放倍速,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-04-04
  • BetterScroll 在移动端滚动场景的应用

    BetterScroll 在移动端滚动场景的应用

    BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（ GitHub地址 ），非常不错，下面脚本之家小编给大家分享BetterScroll 在移动端滚动场景的应用，一起看看吧
    2017-09-09
  • JavaScript“尽快失败”的原则实例详解

    JavaScript“尽快失败”的原则实例详解

    我第一次听说编码原则中有“尽快失败”这一条时，觉得很奇怪，为什么代码要失败？应该成功才对呀。下面小编通过实例代码给大家介绍js 尽快失败的原则，一起看看吧
    2016-10-10
  • JavaScript的Number对象的toString()方法

    JavaScript的Number对象的toString()方法

    toString()方法可以把Number对象转换成字符串，并返回此字符串，本文给大家介绍JavaScript的Number对象的toString()方法，对javascript对象方法相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • javascript中select下拉框的用法总结

    javascript中select下拉框的用法总结

    这篇文章主要为大家介绍了javascript中select下拉框的用法，select在开发中经常被用到，用于进行选项选择,需要的朋友可以参考下
    2016-01-01

最新评论