bShare分享插件的使用

首先在首页引入js文件:

 <script type="text/javascript"  charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&uuid=&pophcol=2&lang=zh"></script>
<script type="text/javascript"  charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>

参数详解:

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

HtML代码:

	<div class="bshare-custom" title="" url="" summary="" pic="" style="float: right;"></div>  
可以放在任意位置。

标签说明:

1、class="bshare-custom":用于识别该标签为分享标签。

2、title:绑定分享标题。

3、url:绑定分享链接。

4、summary:绑定分享摘要。

5、pic:绑定分享图片。

js代码

//bShare分享  
var iBShare = {  
    //初始化  
    init: function() {  
        var $shareBox = $(".bshare-custom");  
        //加载分享工具  
        var tools = '<a title="分享到QQ空间" class="bshare-qzone"></a>';  
        tools += '<a title="分享到新浪微博" class="bshare-sinaminiblog"></a>';  
        tools += '<a title="分享到人人网" class="bshare-renren"></a>';   
        tools += '<a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>';  
        $shareBox.append(tools);  
        //绑定分享事件  
        $shareBox.children("a").click(function() {  
            var parents = $(this).parent();  
            bShare.addEntry({  
                title: parents.attr("title"),  
                url: parents.attr("url"),  
                summary: parents.attr("summary"),  
                pic: parents.attr("pic")  
            });  
        });  
    }  
}  
	    	

更多查看: 点击打开链接




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值