Tag标签 | 收藏本站 | 设为首页 | 参考书籍 | web前端技术交流①群:WEB前端技术交流群 会员登录 | 会员注册

首页文字描述

会员投稿 RSS订阅 专注web前端: 要么读书、要么旅行,身体和精神必须要有一个在路上。【每天一小步,成功一大步】
搜索: 您的位置主页 > WEB前端 > Jquery/JS > 同一个页面“百度分享”不同的内容的解决方法
隐藏/显示侧边栏

同一个页面“百度分享”不同的内容的解决方法

2014-03-12 20:41    来源:未知    责任编辑:admin    字号【
很多人刚开始的时候都以为一个页面不能分享多个不同的内容,一头雾水,下面一步一步教你如何解决百度分享同一个页面分享不同内容的方法。

项目需求:需要在同一个页面,用多个百度分享的代码,但是分享的内容要不同。(就是百度分享不同的文章标题,摘要,链接等,文章列表每部分都会有百度分享的代码)
下面是代码以及参数设置部分(既然你已经搜索进来了,就默认知道如何添加百度分享了。百度“百度分享代码”即可)

//以下是代码部分(来源:http://share.baidu.com/help/customization/config
    <!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" data="{
  'bdDes':'您的自定义分享摘要',  //'请参考自定义分享摘要'
  'text':'您的自定义分享内容',  //'请参考自定义分享内容'
  'title':'您的自定义pop窗口标题', //'请参考自定义pop窗口标题'
  'pic':'您的自定义分享出去的图片', //'请参考自定义分享出去的图片'
  'bdComment':'您的自定义分享评论', //'请参考自定义分享评论'
  'url':'您的自定义分享url'  //'请参考自定义分享url',
  'wbuid':'您的自定义微博 ID',  //'请参考自定义微博 id'
}">
        <a class="bds_qzone"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <span class="bds_more">更多</span>
    </div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
/**
  * 在这里定义bds_config
  */
var bds_config = {};

document.getElementById('bdshell_js').src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
</script>
<!-- Baidu Button END -->

其中:上面的div的data属性就是需要修改的部分,只要循环该部分(DIV部分)即可,套用动态的数据。。。下面的JS调用无需循环,写到外层即可。

附:百度分享链接入口:   http://share.baidu.com/ 

更多
Tags 标签:
责任编辑:admin
设为首页 | 加入收藏 | 关于我们| 版权声明 | 在线留言 | 网站地图 |