百度分享按钮在项目中的使用

王朝学院·作者佚名  2016-05-25
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

<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 里面有详细教程

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航