前段时间小研究了下社会化分享代码,经过一番折腾后搞定了部分代码,虽然网上也有不少类似的代码,不过还是有很多人到处找qq微博、139说客这些目前比较热但是很不容易找到的代码,特此拿来与大家分享之(放上来的都是当前比较热门的站点,还有部分个人觉得不是特热门的网站代码没放上来)。
喜欢玩儿的朋友可以放在博客上试一下,基本上和博文页面顶端的分享功能一样哦~
1、QQ空间图标:访问者鼠标移动到QQ空间图标 上,自动显示提示文字“分享到QQ空间”点击转发到QQ空间图标后,浏览器会自动调用QQ空间分享页面,代码如下:
<a href="javascript:(function(){window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+ encodeURIComponent(location.href)+ '&title='+encodeURIComponent(document.title),'_blank');})()" title="分享到QQ空间"><img src=\'#\'" alt="分享到QQ空间" border="0"></a>
2、开心网:浏览者鼠标移动到开心网图标 上,自动显示提示文字“分享到开心网”。点击开心网图标后,浏览器会自动调用开心网转贴页面。代码如下:
<a rel="nofollow" href="javascript:window.open('http://www.kaixin001.com/repaste/share.php?rtitle='+encodeURIComponent(document.title)+'&rurl='+encodeURIComponent(document.location.href)+'&rcontent=');void(0)"> <img src=\'#\'" alt="分享到开心网" border="0"></a>
3、新浪微博:浏览者鼠标移动到新浪微博图标 上,自动显示提示文字“转发到新浪微博”。点击新浪微博图标后,浏览器会自动调用开心网转贴页面。代码如下:
<a href="javascript:window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title.substring(0,76))+'&url='+encodeURIComponent(location.href)+'&rcontent=','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0" style="color:#000000;text-decoration:none;font-size:12px;font-weight:normal"><IMG alt=转发到新浪微博 src=\'#\'" href="http://t.sina.com.cn/favicon.ico">http://t.sina.com.cn/favicon.ico" align=absMiddle border=0></a>
4、人人网:浏览者鼠标移动到人人网图标 上,自动显示提示文字“分享到人人网”。点击人人网图标后,浏览器会自动调用人人网分享到页面。代码如下:
<a rel="nofollow" href="javascript:window.open('http://share.renren.com/share/buttonshare.do?link='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)"> <img src=\'#\'" alt="分享到人人网" border="0"></a>
5、139说客图标:浏览者鼠标移动到139说客图标 上,自动显示提示文字“发到我的说客”点击转发到139说客图标后,浏览器会自动调用139说客分享页面,代码如下:
<SCRIPT LANGUAGE="javascript">
function openwin ()
{
window.open('http://www.139.com/share/share.php?tl=953010060&source=shareto139_neimeng&title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href),'_blank','width=490,height=340');
}
</SCRIPT>
<a href="#" src=\'#\'" 图标链接" alt="发到我的说客"></a>
6、飞信空间图标:浏览者鼠标移动到飞信空间图标 上,自动显示提示文字“分享到飞信空间”点击转发到飞客空间图标后,浏览器会自动调用飞信空间分享页面,代码如下:
<a id="share_fx" target="_blank" onclick="shareadd.ToShare(this);" href="#"><img src=\'#\'" href="http://res.fetionpic.com/img/space_new2010/14x14.jpg">http://res.fetionpic.com/img/space_new2010/14x14.jpg" alt="分享到飞信空间"></a><script src='http://res.fetionpic.com/js/space_new/shareiconadd.js?20132' type="text/javascript" language="javascript"></script>
7、豆瓣:浏览者鼠标移动到豆瓣图标 上,自动显示提示文字“推荐到豆瓣”。点击豆瓣图标后,浏览器会自动调用豆瓣分享页面。代码如下:
<a href="javascript:void(function(){var d=document,e=encodeURIComponent,s1=window.getSelection,s2=d.getSelection,s3=d.selection,s=s1?s1():s2?s2():s3?s3.createRange().text:'',r='http://www.douban.com/recommend/?url='+e(d.location.href)+'&title='+e(d.title)+'&sel='+e(s)+'&v=1',x=function(){if(!window.open(r,'douban','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r+'&r=1'};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})()"><img src=\'#\'" alt="推荐到豆瓣" /></a>
8、当浏览者点击复制链接文字 时,页面弹出提出窗口。
复制成功的文字内容为:
页面链接复制成功,你可以粘贴到飞信、QQ或MSN发送给好友
复制不成功的文字内容为:
您的浏览器不支持剪贴板复制 请按Ctrl+C复制链接
复制链接代码:
<a href="javascript:copyText(window.location.href)"> <img src=\'#\'" alt="复制链接" border="0"></a>
<script type="text/javascript">
(function(){
scrollLazy('pc_open_share',function(){
var js = document.createElement("script");
document.body.insertBefore(js,document.body.firstChild);
});
function scrollLazy($,C){var D=false;if(typeof document.getElementById($)!="object"||typeof C!="function")return;if(A().sTop+A().cHeight+200>=_($)){C();return}if(window.attachEvent)window.attachEvent("onscroll",B);else window.addEventListener("scroll",B,false);function B(){if(A().sTop+A().cHeight+200>=_($)&&!D){C();D=true}}function A(){return{cHeight:(/CSS1Compat/.test(document.compatMode)?document.documentElement.clientHeight:document.body.clientHeight),sTop:(/CSS1Compat/.test(document.compatMode)&&(document.documentElement.scrollTop==0)?document.body.scrollTop:document.documentElement.scrollTop)}}function _($){var A=document.getElementById($),_=0;while(A){_+=A.offsetTop;A=A.offsetParent}return _}}
})();
function copyText(text) {
try {
window.clipboardData.setData("Text", text);
alert("页面链接复制成功,你可以粘贴到飞信、QQ或MSN发送给好友");
} catch(e) {
alert('您的浏览器不支持剪贴板复制\n请按Ctrl+C复制链接');
}
}
</script>
以下为复制成功
复制不成功
9、点击我要收藏文字 后,浏览器弹出IE收藏夹功能,代码如下:
<a onclick="window.external.AddFavorite(location.href, document.title);" title="我的网站" style="cursor:hand"><img border="0" align="absMiddle" src=\'#\'" alt="收藏本页"> </a>
10、腾讯微博:浏览者鼠标移动到腾讯微博图标 上,自动显示提示文字“转发到腾讯微博”。点击腾讯微博图标后,浏览器会自动调用腾讯微博分享页面。代码如下:
<a href="javascript:void(0);" onclick="window.open('http://v.t.qq.com/share/share.php?title='+encodeURIComponent(document.title.substring(0,76))+'&url='+encodeURIComponent(location.href)+'&rcontent=','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); " title="腾讯微博" rel="nofollow" ><IMG alt=转发到腾讯微博 src=\'#\'" align=absMiddle></a>