zoukankan      html  css  js  c++  java
  • 百度分享

    最近发现用百度分享很方便,他集合了新浪微博、qq空间等分享

     1 //输出到网页中的html代码
     2 function GetShareHtml_v2() {
     3     var html = '<div data-tag="share_1" class="bdsharebuttonbox ">';
     4     html += '<a data-cmd="tsina" class="bds_tsina" title="分享到新浪微博"></a>';
     5     html += '<a data-cmd="weixin" class="bds_weixin" title="分享到微信"></a>';
     6     html += '<a data-cmd="mshare" class="bds_mshare" title="分享到一键分享"></a>';
     7     html += '<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>';
     8     html += '<a data-cmd="renren" class="bds_renren" title="分享到人人网"></a>';
     9     html += '<a data-cmd="tqq" class="bds_tqq" title="分享到腾讯微博"></a>';
    10     html += '<a data-cmd="more" class="bds_more"></a>';
    11     html += '</div>';
    12     return html;
    13 }
    14 //输出到网页中简短的html代码
    15 function GetShareHtml_short() {
    16     var html = '<div data-tag="share_1" class="bdsharebuttonbox ">';
    17     html += '<a data-cmd="more" class="bds_more">分享到</a>';
    18    html += '</div>';
    19     return html;
    20 }
    21 
    22 //配置
    23 window._bd_share_config = {
    24     common: {
    25         bdText:'', //自定义分享内容
    26         bdDesc: '',//自定义分享摘要
    27         bdUrl:window.location.href,//自定义分享url地址
    28         bdPic:'' //自定义分享图片
    29     },
    30     share: [{//按钮分享
    31         "tag":"share_1",
    32         "bdSize": 16
    33     }]
    34 
    35 }
    36 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)];
    js代码

    使用说明
    第一步:分享对象属性重新赋值
    第二步:把代码输出到指定的地方中
    第三步:引用分享js,必须放在分享对象属性重新赋值的前面
    代码如下:
    <script src="/Content/Scripts/Share.js" type="text/javascript"></script>
    <script type="text/javascript">
    //分享对象属性重新赋值
    var winCommon=window._bd_share_config.common;
    winCommon.bdText = "dfsdfs"; //自定义分享内容
    winCommon.bdPic = "2222222"; //自定义分享图片
    winCommon.bdUrl = "2222222"; //自定义分享Url
    $(function () {
    $("#share1").html(GetShareHtml_v2()); //把代码输出到Id为share1的div中
    $("#share1").html(GetShareHtml_short()); //如果只显示’分享到‘ 则调用GetShareHtml_short()
    });

    </script>

  • 相关阅读:
    适配iOS 10以及Xcode 8(转载)
    React-nwb的使用
    Android与JS混编(多图选择器)
    Android与JS混编(js调用android相机扫描二维码)
    Android与JS混编(js调用android相机)
    iOS: FFmpeg的使用
    UITableView/UICollectionView使用技巧
    IOS MapKit框架的使用(专门用于地图显示)
    iOS 地理编码 / 反地理编码
    iOS地图 -- 定位使用
  • 原文地址:https://www.cnblogs.com/nik2011/p/3816612.html
Copyright © 2011-2022 走看看