新浪开放平台虽然有分享按钮的组件(http://open.weibo.com/sharebutton)并且提供了两种格式的应用方法:WBML和JS,但还是无法据自己的需求做到自定义样式。

为了解决该问题,我们首先来看下新浪所生成的JS代码:

<script type="text/javascript" charset="utf-8">
(function(){
     var _w = 32 , _h = 32;
     var param = {
          url:location.href,
          type:'1',
          count:'', /**是否显示分享数,1显示(可选)*/
          appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/
          title:'', /**分享的文字内容(可选,默认为所在页面的title)*/
          pic:'', /**分享图片的路径(可选)*/
          ralateUid:'', /**关联用户的UID,分享微博会@该用户(可选)*/
          language:'zh_cn', /**设置语言,zh_cn|zh_tw(可选)*/
          dpc:1
     }
     var temp = [];
     for( var p in param ){
          temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
     }
     document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://service.weibo.com/staticjs/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>')
})()
</script>

[ 查看全文... ]