百度api一键分享功能

旧城等待， 2023-06-13 04:41 4阅读 0赞

先看效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pbl9DaGFuZGVy_size_16_color_FFFFFF_t_70][]

首先绘制一个页面 div的class名字必须为bdsharebuttonbox

<div class="bdsharebuttonbox" data-tag="share_1">
    	<a class="bds_mshare" data-cmd="mshare"></a>
    	<a class="bds_qzone" data-cmd="qzone" href="#"></a>
    	<a class="bds_tsina" data-cmd="tsina"></a>
    	<a class="bds_baidu" data-cmd="baidu"></a>
    	<a class="bds_renren" data-cmd="renren"></a>
    	<a class="bds_tqq" data-cmd="tqq"></a>
    </div>

配置js

<script>
        window._bd_share_config = {
            common : {
                bdText : '自定义分享内容',    
                bdDesc : '自定义分享摘要',    
                bdUrl : '自定义分享url地址',     
                bdPic : '自定义分享图片'
            },
            share : [{
                "bdSize" : 16
            }],
            slide : [{       
                bdImg : 0,
                bdPos : "right",
                bdTop : 100
            }],
            image : [{
                viewType : 'list',
                viewPos : 'top',
                viewColor : 'black',
                viewSize : '16',
                viewList : ['qzone','tsina','huaban','tqq','renren']
            }],
            selectShare : [{
                "bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf']
            }]
        }
        with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
    </script>

怎么样，是不是特别简单？

更多实现，请参考百度一键分享文档：[https://ziyuan.baidu.com/][https_ziyuan.baidu.com]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pbl9DaGFuZGVy_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191113203108683.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pbl9DaGFuZGVy,size_16,color_FFFFFF,t_70
[https_ziyuan.baidu.com]: https://ziyuan.baidu.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关给网站加上一键分享功能

> 如果你需要给你的网站上加上一个一键分享功能，那么可以试试一键分享组件Share.js。 > > 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebo

今天药忘吃喽~/ 2023年09月29日 01:31/ 0 赞/ 4 阅读

相关百度api一键分享功能

先看效果： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

旧城等待，/ 2023年06月13日 04:41/ 0 赞/ 5 阅读

相关获取百度地图定位功能的API

转载自：[http://www.cnhonkerarmy.com/forum.php?mod=viewthread&tid=237777][http_www.cnhonkera

朱雀/ 2023年06月08日 06:45/ 0 赞/ 384 阅读

相关百度活动分享

http://qianbao.baidu.com/hd/bb?invite\_code=BV47JX47 ![Image 1][] [![Center][]][Center

以你之姓@/ 2022年08月06日 07:27/ 0 赞/ 296 阅读

相关 C#调用百度地图API经验分享（四）

这一篇，记录一下我调用的地图API实现的功能。下面介绍的都是一些片段的节选，不能直接复制就运行。在实现之前肯定要加载地图，先放一个webbroser控件，然后如下：

Bertha 。/ 2022年04月23日 07:16/ 0 赞/ 313 阅读

相关 C#调用百度地图API经验分享（三）

这一篇我将跟大家分享一下我自己在开发过程中总结出的一些操作地图的方法，属性，及思路，希望可以让大家少走弯路。 1.定位一般百度的示例DEMO里开始初始化地图时用的

怼烎@/ 2022年04月23日 01:58/ 0 赞/ 318 阅读

相关 C#调用百度地图API经验分享（二）

接着上一篇，将上一篇代码的js提取出来： <script type="text/javascript"> var map = new BMap.Map("allmap"

Dear 丶/ 2022年03月27日 14:56/ 0 赞/ 309 阅读

相关 C#调用百度地图API经验分享（一）

最近被安排了开发电子地图的差事，以前只听说过百度谷歌等有免费的开源库可供调用，但是没有自己做过具体的东西，现在活既然上面安排了，咱就得学哪，下面我将把我最近自己总结的一

柔光的暖阳◎/ 2022年03月27日 14:56/ 0 赞/ 285 阅读

相关百度地图API功能演示

draw.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Typ

我会带着你远行/ 2021年06月26日 16:06/ 0 赞/ 919 阅读

相关百度分享是什么？百度分享有什么优势？

百度分享是什么？百度分享有什么优势？百度分享是什么百度分享是一个提供网页地址收藏、分享及发送的WEB2.0按钮工具，网站的浏览者可以方便的分享到人人网、分享到开心网...

朱雀/ 2021年06月05日 02:42/ 0 赞/ 718 阅读