100字范文 > Bshare分享的常见用法

Bshare分享的常见用法

时间：2018-12-18 09:48:50

相关推荐

Bshare分享的常见用法

1.一个页面分享一个

</div>

以下两个文件是按钮的不同样式文件，引用其一

2.自定义页面中分享按钮的样式

<div class="tleft pos_relative_share" ><span id="share_active_span"><img class="share_img" src="public/images/student/index4/share.png" width="18px" height="17px" title="分享" />  分享</span><script type="text/javascript" charset="utf-8">bShare.addEntry({title: "我正在乐学一百参加直播活动《{$sa_info['sa_title']}》，真有意思，已经有{$sa_info['sa_bm_num']}人报名了，你也来看看吧。",url: "",// summary: "分享的文本摘要，默认为页面Meta标签中description的内容或者用户高亮的内容",// pic: "/uploads/indexbannerimgs/banner_4d05f422c045756c36cb5a825f1ff27c.png"});</script><div class="pos_absolute_share"><table width="100%"><tr height="30px"><td width="30px" align="right"><img style="margin-top:3px;" src="public/images/student/active/qqim.png" /></td><td class="share_desc" valign="middle" title="QQ好友" οnclick="javascript:bShare.share(event,'qqim');return false;">QQ好友</td></tr><tr height="30px"><td width="30px" align="right"><img src="public/images/student/active/qqmb.png" /></td><td class="share_desc" valign="middle" title="QQ空间" οnclick="javascript:bShare.share(event,'qzone');return false;">QQ空间</td></tr><tr height="30px"><td width="30px" align="right"><img src="public/images/student/active/weixin.png" /></td><td class="share_desc" valign="middle" title="微信" οnclick="javascript:bShare.share(event,'weixin');return false;">微信</td></tr></table></div>

</div>

3.一个页面多个分享按钮

第一种方法：

<div id="share_outer_div_{$v[fm_id]}" style="display:none;"><div class="bshare-custom icon-medium pos_fixed_share"><a title="分享到QQ空间" class="bshare-qzone" οnclick="javascript:bShare.share(event,'qzone');return false;"></a><a title="分享到微信" class="bshare-weixin" οnclick="javascript:bShare.share(event,'weixin');return false;"></a><a title="分享到新浪微博" class="bshare-sinaminiblog" οnclick="javascript:bShare.share(event,'sinaminiblog');return false;"></a></div><script type="text/javascript" charset="utf-8">var titlea = 'xx在小乐FM特意为你点了首歌《{$v[title]}》，请你来听';bShare.entries = []; // 此处需要清空之前的addEntry中的值，重新赋值，不然只显示循环中第一个的内容bShare.addEntry({title: titlea,url: '/mk.php?do=xlfm'});</script></div>

第一种方法：

<div class="col-xs-3 col-sm-3 col-md-3" style="padding-right:10px;height:20px;" οnmοuseοver="show_share('show', 'self', '{$v[at_id]}');" οnmοuseοut="show_share('hide', 'self','{$v[at_id]}');"><div id="bdsharea_{$v[at_id]}" style="display:none;"><div id="bdshare" keyid="{$v[at_id]}" class="bdshare_t bds_tools get-codes-bdshare" data="{'text':'{$v[share]}', 'pic':'/{$_SC['article_pic_url']}{$v[at_pic]}'}"><a class="bds_qzone">QQ </a><a class="bds_tsina">新浪</a></div><script type="text/javascript" id="bdshare_js" data="type=tools" ></script><script type="text/javascript" id="bdshell_js"></script><script type="text/javascript">document.getElementById("bdshell_js").src = "http://bdimg./static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);</script></div></div>

第三种方法：

var headers = $(".postHeader"), posts = $(".postBody");$.each(headers, function(i, h) { // 遍历所有文章标题元素bShare.addEntry({title:$(a).text(), // 获取文章标题url:a.href,// 获取文章链接summary:$(posts[i]).text(),// 从postBody中获取文章摘要});});

4.修改按钮图片

如果您不喜欢我们提供的按钮，您可以使用自己的按钮图片。首先您必须提供一个可以从网上获取到的图片地址。

例如，如果您的按钮图片位于http://your-domain/images/button.gif，图片的宽和高都是50像素。要使用这个图片作为分享按钮，您只需要在JS嵌入代码中指定:

注意只有style为4或999是您才可以设置按钮图片，您还需要同时指定参数h和w，它们用于设置按钮图片的高度和宽度，单位是像素(px)。

5.自定义的一些用法

//清除自定义分享内容的方法，在设置前清空，重新自定义内容bShare.entries=[];//添加自定义分享内容方法，不需要自定义的可以传递，bsharejs会主动抓取页面相应值默认bShare.addEntry({title:str_title,url:url,summary:str_info,pic:img});//添加自定义分享内容后，初始化按钮bShare.isReady=false;pleted=false;bShare.start();

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。