俗话说独乐乐不如众乐乐，在SNS，微薄火热的今天，看到有意思的东西当然是要分享的了。网络上也有很多公共的分享按钮可以拿来直接放在网站上，但是这些服务几乎都是需要在放置按钮的位置放JS代码，而这些提供的网站的速度又木又保证，大大打折了页面的加载速度。
于是，偶自己造轮子了，可以将JS放在页面最底部，等网页加载完成后再渲染分享按钮。
使用方法：
1.给网页需要放置分享按钮的位置放置分享标签
<ioio:share></ioio:share>
|
<ioio:share></ioio:share>
2.在页面底部载入JS资源文件
<script type="text/javascript" src="//ioio.name/tools/sharebutton.js"></script>
|
<script type="text/javascript" src="//ioio.name/tools/sharebutton.js"></script>
3.初始化页面的分享按钮
<script type="text/javascript">
var sb = new ShareButton({'loadcss':true});
sb.Render();
</script>
|
<script type="text/javascript"> var sb = new ShareButton({'loadcss':true}); sb.Render(); </script>
代码会自动去寻找页面上的分享标签，并添加分享按钮，目前支持分享到新浪微博和QQ空间，后续会添加其它按钮。
可配置的参数：
{
'loadcss': true,//是否载入默认css，自定义css将其设置为false
'button': ['qzone','sina'],//需初始化的按钮
'url': location.href,//页面url
'title': document.title.substring(0,70)//页面标题
}
|
{ 'loadcss': true,//是否载入默认css，自定义css将其设置为false 'button': ['qzone','sina'],//需初始化的按钮 'url': location.href,//页面url 'title': document.title.substring(0,70)//页面标题 }
演示 http://ioio.name/tools/sharebutton.html
如需使用，为避免我升级过程中的改动导致按钮不稳定，建议将相应的文件拷贝一份放置你自己的空间，欢迎使用，欢迎汇报bug。
-EOF-