zoukankan      html  css  js  c++  java
  • 百度分享按钮在项目中的使用

    在项目中用到了百度分享按钮,主要实现代码如下:

    <script>
    window._bd_share_config={
    "common":{
    "bdText" : '分享有好礼相赠!',
    "bdDesc" : '',
    "bdUrl" : 'http://www.baidu.com',#此处写分享地址
    "bdSign": 'off'
    },
    "image":{
    "viewList":["qzone","tsina","tqq","renren","weixin"],
    "viewText":"分享到:",
    "viewSize":"16"
    }
    };

    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>

    百度分享按钮的全部参数及用法:
    <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>
    <a class="bds_more" data-cmd="more">更多</a>
    <a class="bds_count" data-cmd="count"></a>
    </div>
    <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']
    }]
    }
    #js加载部分,这部分的代码是固定的,不能随意更改。
    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>


    具体详解见:http://share.baidu.com/code/advance 里面有详细教程

  • 相关阅读:
    Flask--偏函数, 线程安全, 请求上下文
    jQuery中DOM操作
    jQuery简介以及jQuery选择器
    并发编程——操作系统介绍(1)
    面向对象——内置方法
    面向对象——反射
    面向对象——元类
    面向对象——绑定方法与非绑定方法
    面向对象——property
    面向对象——封装
  • 原文地址:https://www.cnblogs.com/lyy-php/p/4447563.html
Copyright © 2011-2022 走看看