同一个页面下多个不同的百度分享按钮实现
2014-11-17 11:51
232 查看
今天有一个需求,就是在同一个页面上嵌入多个不同分享内容的百度分享插件,网上查找资料给出的方法如下:
<!-- Baidu Button BEGIN --> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" data="{ 'bdDes':'这是第一个分享按钮', 'text':'这是第一个分享按钮文本', 'title':'这是第一个分享按钮的标题', 'pic':'这是第一个分享按钮的图片', 'bdComment':'这是第一个分享按钮的评论', 'url':'http://apple.com', 'wbuid':'这是第一个分享按钮的微博 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><br/> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" data="{ 'bdDes':'这是第二个分享按钮', 'text':'这是第二个分享按钮文本', 'title':'这是第二个分享按钮的标题', 'pic':'这是第二个分享按钮的图片', 'bdComment':'这是第二个分享按钮的评论', 'url':'http://jd.com', 'wbuid':'这是第二个分享按钮的微博 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><br/> <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" data="{ 'bdDes':'这是第三个分享按钮', 'text':'这是第三个分享按钮文本', 'title':'这是第三个分享按钮的标题', 'pic':'这是第三个分享按钮的图片', 'bdComment':'这是第三个分享按钮的评论', 'url':'http://baidu.com', 'wbuid':'这是第三个分享按钮的微博 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><br/> <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 -->
相关文章推荐
- 同一个表单 根据要求递交到不同页面的实现方法小结
- struts2页面有多个按钮提交不同action或一个按钮提交多个action
- 如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
- asp.net 参数不同共用一个页面的实现方法
- 一个jsp页面中多个提交按钮提交不同的页面
- 一个form两个提交按钮,分别提交到不同页面
- 如何实现点击一个按钮后跳转的指定的链接页面
- 在页面中,我们经常看到,一个button按钮,如果属标点击,就会触发一个窗口的显示,如果二次点击并可以隐藏,那么如何通过JAVA配合html来实现这一功能呢?
- 一个表单内2个按钮跳转到不同的页面
- 点击一个分段选择器的不同分段实现跳转页面
- 点击一个按钮实现在不同对话框之间的切换,帮忙看下这代码能不能这样写,为什么不对呀
- asp.net 参数不同共用一个页面的实现方法
- 在HTML页面中点不同按钮在同一个IFRAME分别切换不同子页面的方法
- 一个表单中多个按钮实现不同功能
- JSPX不同按钮调用同一个页面
- 点击iframe 中某页面的一个按钮实现跳转到iframe外面的窗体里面
- Android 一个按钮两次单击触发两个不同事件并实现两个View在同一界面切换
- 黄聪:如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
- Web小功能1——jquery实现一个按钮两个功能(触发不同事件)
- 页面table的每行都有一个<input type='button' />,如何实现点击按钮在按钮下方弹出一个div,点击空白消失