关于分享，bshare分享&百度分享

来源：互联网发布：长江大学网络教育编辑：程序博客网时间：2024/04/30 05:38

以下案例，均可直接复制到html中，运行看结果，可直接修改应用

bshare分享

<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh&text=123"></script>
<!--

* src，#后面的参数为不同的选项（可选），参考：http://www.bshare.cn/help/apiJsParams

* 个人用了一下，没有太大的意义，我们没有uuid，有些应用了但是没有效果，可能用法不对，大家可以一起看一下

-->
<h1>单独按钮分享</h1>
<div class="share">
     
    <a href="javascript:;" onclick="bShare.share(event,'qzone',1);return false;">
        <img src="http://i0.letvimg.com/pay/201504/27/1027/qqzonebg.png"/>
    </a>
    <a href="javascript:;" onclick="bShare.share(event,'weixin',1);return false;">
        <img src="http://i2.letvimg.com/pay/201504/27/1027/weixinbg.png"/>
    </a>
    <a href="javascript:;" onclick="bShare.share(event,'sinaminiblog',1);return false;"/>
        <img src="http://i2.letvimg.com/pay/201504/27/1027/sinabg.png"/>
    </a>
    
    <a title="更多平台" onclick="javascript:bShare.more(event);return false;" style="cursor:pointer;color:#000;"/>
        <img src="http://static.bshare.cn/frame/images/logos/s4/more.gif" style="height:16px; width:16px; vertical-align:middle;"/>
        <span style="padding-left:2px; vertical-align:middle;">更多平台</span>
     </a>
     
   <span class="BSHARE_COUNT" style="font-size:24px;">0</span>
</div>

<script type="text/javascript">
     bShare.addEntry({
         title: "羽泉2014北京圣诞演唱会",
         url: "http://www.letv.com",
         summary: "加入3个月乐视会员，不仅能看《羽泉2014北京圣诞演唱会》，还可领取官方何以礼品",
         pic: "http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg"
     });

</script>

<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bsync.js#style=-1"></script>

<h1>一键分享</h1>

<div class="bsync-custom icon-medium-blue">
     <a title="一键分享到各大微博和社交网络" class="bshare-bsync" onclick="javascript:bSync.share(event, 'bsharesync', {
          url:'http://www.letv.com',
          title:'羽泉2014北京圣诞演唱会',
          summary:'加入3个月乐视会员，不仅能看《羽泉2014北京圣诞演唱会》，还可领取官方何以礼品~',
          pic:'http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg'
          })">
     </a>
     
     <span class="BSHARE_COUNT bshare-share-count">0</span>

</div>

百度分享

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度分享</title>
    <style type="text/css">
        /*再样式上自定义默认按钮图片*/
        .bdshare-button-style0-16 a.bds_tsina{
            background-position: 0 0;
            background: url(http://i0.letvimg.com/pay/201504/27/1027/qqzonebg.png) no-repeat;
            width:52px;
            height:52px;
        }
    </style>
</head>
<body>


<div class="bdsharebuttonbox">
    <a href="#" class="bds_qzone" data-cmd="qzone"></a>
    <a href="#" class="bds_tsina" data-cmd="tsina"></a>
    <a href="#" class="bds_tqq" data-cmd="tqq"></a>
    <a href="#" class="bds_renren" data-cmd="renren"></a>
    <a href="#" class="bds_weixin" data-cmd="weixin"></a>
</div>

<script>
    window._bd_share_config = {
        "common": {
            "bdText": "hello123456",
            "bdDesc":"111",
            "bdUrl":"http://www.letv.com",
            "bdPic": "http://i1.letvimg.com/lc03_iscms/201510/15/09/24/01b234e689e04beeae4c1ed7251c36a0.jpg",
        },
        "share": {
        },
        "image": {"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16"},
        "selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]}
    };
    document.body.appendChild(document.createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5);
</script>
</body>

</html>

0 0