基于JQuery,博客、微博分享代码的封装。

var ShareTip = function()
{
    this.params = {
       shareIds : [],
       title : '',
       url : ''
    }

    //定义分享连接的模板key:标签id,value:分享连接的地址
    this.mapShare = {
        "weibo" : 'http://v.t.sina.com.cn/share/share.php?title={0}&url={1}&content=utf-8&source=&sourceUrl=&pic=',
        "renren" : 'http://share.renren.com/share/buttonshare.do?title={0}&link={1}',
        "kaixin001" : 'http://www.kaixin001.com/repaste/share.php?rtitle={0}&&rurl={1}'
    }


    var args = arguments[0];
    for(var i in args)
    {
        if(this.params.hasOwnProperty(i))
        {
            this.params[i] = args[i];
        }
    }


    this.init();
}


ShareTip.prototype.init = function()
{
   function show(urlTemplate, scope)
   {
       return function(e)
       {
           window.open(ShareTip.format(urlTemplate, [scope.params.title, scope.params.url]));
       }
   }


   var ids = this.params.shareIds;
   for(var i = 0, size = ids.length; i < size; i++)
   {
       if(!ids[i])
       {
           continue;
       }


       var id = ids[i];
       if(!this.mapShare[id])
       {
           continue;
       }
       $('#'+_id).click(show(this.mapShare[id], this));
   }
}


ShareTip.format = function(tpl, array)
{
    return tpl.replace(/\{(\d+)\}/g,function(o,i){
       return array[i];
    });

}


html 代码:

<a id="renren" class="ilRen" title="分享到人人" href="javascript:void(0)">人人</a>
<a id="kaixin001"  class="ilKaixin" title="分享到开心" href="javascript:void(0)">开心</a>
<a id="weibo"  class="ilSina" title="分享到新浪" href="javascript:void(0)">新浪</a>


Demo:

new ShareTip({
          shareIds : ['renren-simple','kaixin001-simple','weibo-simple'],
          title : 'your title',
          url : 'your url'
       });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值