bShare分享

红太狼 2022-08-03 15:58 186阅读 0赞

**bShare百科**

bShare是一款关于web2.0的社会化分享按钮工具，用户浏览网站内容的同时可以把自己所感兴趣的内容通过[人人网][Link 1]、[开心网][Link 2]、[QQ空间][QQ]、新浪微博等一系列社会化关系网络分享、推荐给自己的好友

官方网址:[http://www.bshare.cn/][http_www.bshare.cn]

**需要引入的js文件**

**js引入文件相关的参数描述**

<table> 
 <tbody> 
  <tr> 
   <td style="font-weight:bold">uuid</td> 
   <td>站长的UUID（Publisher UUID）。如果要追踪分享数据则必须提供此选项，在bShare后台添加网站即可得到UUID。</td> 
  </tr> 
  <tr> 
   <td style="font-weight:bold">lang</td> 
   <td>语言，可以是简体中文 (zh), 英文 (en), 或繁體中文 (zh_TW)</td> 
  </tr> 
  <tr> 
   <td style="font-weight:bold">pop</td> 
   <td>定义分享小窗口的弹出方式。可以是：<br> &nbsp;&nbsp;&nbsp;&nbsp;-1: 不弹出小窗口<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0: 自动选择向上或者向下弹出小窗口<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1: 总是向下弹出小窗口<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2: 总是向上弹出小窗口</td> 
  </tr> 
  <tr> 
   <td style="font-weight:bold">popbgc</td> 
   <td>弹出小窗口的顶部和底部的背景颜色，可以是CSS中color属性支持的任意值。</td> 
  </tr> 
  <tr> 
   <td style="font-weight:bold">poptxtc</td> 
   <td>弹出小窗口的顶部和底部的文字颜色，可以是CSS中color属性支持的任意值。</td> 
  </tr> 
  <tr> 
   <td style="font-weight:bold">mdiv</td> 
   <td>定义大分享窗口（即点更多后出现的弹窗）的显示方式。可以是：<br> &nbsp;&nbsp;&nbsp;&nbsp;-1: 不弹出大分享窗口<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0: 自动弹出分享窗口</td> 
  </tr> 
  <tr> 
   <td style="font-weight:bold">style</td> 
   <td>按钮式样，有以下几种情况：<br> &nbsp;&nbsp;&nbsp;&nbsp;bShare预定义的式样，包括以下几种：0 (文字), 1 (默认), 2 (列式), 3 (浮动), 4 (浮动图片), 5 (三角), <br> &nbsp;&nbsp;&nbsp;&nbsp;10 (苗条型), 11 (胖犁型).<br> &nbsp;&nbsp;&nbsp;&nbsp;不加载分享按钮。如果按钮是通过bShare客户端API自定义的，则可以将style设置为-1。<br> &nbsp;&nbsp;&nbsp;&nbsp;自定义图片。如果想要使用自定义的图片作为按钮，则可以讲style设置为999.</td> 
  </tr> 
 </tbody> 
</table>

**最小号的图标,其他型号图标由小到大分别为: bShareC0;bShareC1; bShareC2**

**关于bShare的使用是很灵活的,这里就值简单的介绍两种(**详细的使用方法参考:[http://www.bshare.cn/help/apiJsParams][http_www.bshare.cn_help_apiJsParams]**):**

**一使用默认的图标:**

**html页面:**

<a class="bshareDiv" href="http://www.bshare.cn/share">分享按钮</a>
    <div class="bshare-custom icon-medium" title="跨境电商Amanbo" url="http://www.baidu.com" summary="点击试试看?">
         <a title="分享到腾讯微博" class="bshare-qqim"></a>
         <a title="分享到QQ空间" class="bshare-qzone"></a>
         <a title="分享到朋友网" class="bshare-qqxiaoyou"></a>
         <a title="分享到腾讯微博" class="bshare-qqmb"></a>
         <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
         <span class="BSHARE_COUNT bshare-share-count">0</span>
    </div>

**js脚本:**

**二自定义图标:**

<div class="share-to-box-icon" summary='<s:message code='header.bshare.title'/>' url="http://www.amanbo.com/user/register.html?parentId=${sessionScope.user.id}" pic="${sessionScope.user.qrCodeUrl }">
    	<div class="share-to-box-text">Share to :</div>
    	<a οnclick="javascript:bShare.share(eHeader(),'facebook',0);return false;"> <img src="${ctx }/static/images/share/share_icon_1.gif" alt="facebook" title="facebook"/></a>
    	<a οnclick="javascript:bShare.share(eHeader(),'sinaminiblog',0);return false;"> <img src="${ctx }/static/images/share/share_icon_2.gif" alt="sina" title="sina"/></a>
    	<a οnclick="javascript:bShare.share(eHeader(),'twitter',0);return false;"> <img src="${ctx }/static/images/share/share_icon_3.gif" alt="twitter" title="twitter"/></a>
    	<a οnclick="javascript:bShare.share(eHeader(),'weixin',0);return false;"> <img src="${ctx }/static/images/share/share_icon_4.gif" alt="weixin" title="weixin"/></a>
    	<a οnclick="javascript:bShare.share(eHeader(),'qqim',0);return false;"> <img src="${ctx }/static/images/share/share_icon_5.gif" alt="qq" title="qq"/></a>
    </div>

**js脚本:**

[Link 1]: http://baike.baidu.com/view/2615985.htm
[Link 2]: http://baike.baidu.com/view/1629630.htm
[QQ]: http://baike.baidu.com/view/3702.htm
[http_www.bshare.cn]: http://www.bshare.cn/
[http_www.bshare.cn_help_apiJsParams]: http://www.bshare.cn/help/apiJsParams