今天一大早就有朋友前来咨询这样的一个功能是如何制作的,但其实这样的一个功能在制作起来还是非常简单的,不需要你有非常高超的编程能力,因为只需要小小的一段代码就可以搞定这样的一个功能了……
效果如下所示:
从上面图片中我们可以看到在图中我添加了四个功能,一个是将本文添加分享到QQ空间,二分享到QQ朋友社区,三转播到腾讯微博,四分享到新浪微博;其实除了这腾讯、新浪之外,还有其它常见的几个:网易,搜狐;这四大平台的微博用户量来说应该算是最大的了……其它的还有众多,在这就不一一列举了……关于为什么要使用这个功能,你知道的……
首先说分享到QQ空间的通用代码:
<a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;" title="分享到QQ空间"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/app_share/btn_share.png" alt="分享到QQ空间" /></a>
分享至QQ好友社区通用代码:
<a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url='+encodeURIComponent(document.location.href));return false;" title="分享到朋友社区"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/qzshare/to-py.png" alt="分享到朋友社区" /></a>
转播至腾讯微博通用代码:
<a href="javascript:void(0)" onclick="postToWb();" class="tmblog"><img src="http://v.t.qq.com/share/images/s/b24.png"></a> <script type="text/javascript">
function postToWb(){
var _t = encodeURI(document.title);
var _url = encodeURI(document.location);
var _appkey = encodeURI("appkey");//你从腾讯获得的appkey
var _pic = encodeURI('');//(列如:var _pic='图片url1|图片url2|图片url3....)
var _site = '';//你的网站地址
var _u = 'http://v.t.qq.com/share/share.php?title='+_t+'&url='+_url+'&appkey='+_appkey+'&site='+_site+'&pic='+_pic;
window.open( _u,'转播到腾讯微博', 'width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );
}
</script>
分享至新浪微博通用代码:
<a href="javascript:(function(){window.open('http://v.t.sina.com.cn/share/share.php?
title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)
+'&source=bookmark','_blank','width=450,height=400');})()" title="新浪微博分享"><img
src="http://www.cyseo.org/upload/sina.gif" alt="新浪微博分享" border="0"></a>
分享至搜狐微博通用代码:
<a title="分享到搜狐微博" href="javascript:void((function(s,d,e,r,l,p,t,z,c){var f='http://t.sohu.com/third/post.jsp?',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=660,height=470,left=',(s.width-660)/2,',top=',(s.height-470)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','','','','utf-8'));" style="margin:0 0 0 20px;font-size:12px;font-family:'\5b8b\4f53';color:#369"><span style="display:inline-block;width:16px;height:16px;margin:0 3px 0.2em -20px;vertical-align:middle;background:url(http://s2.cr.itc.cn/img/t/152.png) no-repeat"></span>分享到搜狐微博</a>
分享至网易微博通用代码:
<a target=”_self” onclick=”(function(){var url = ‘link=http://news.163.com/&source=’+ encodeURIComponent(‘网易新闻’)+ ‘&info=’+ encodeURIComponent(document.title) + ‘ ‘ + encodeURIComponent(document.location.href);window.open(‘http://t.163.com/article/user/checkLogin.do?’+url+’&’+new Date().getTime(),’newwindow’,'height=330,width=550,top=’+(screen.height-280)/2+’,left=’+(screen.width-550)/2+’, toolbar=no, menubar=no, scrollbars=no,resizable=yes,location=no, status=no’);})()” href=”javascript:void(0);”><img height=”19px” border=”0″ align=”absMiddle” src=”http://img1.cache.netease.com/cnews/css09/wblog.gif” alt=”分享到网易微博” title=”分享到网易微博” />分享到网易微博</a>
以上的代码用户可以根据自己的实际需要稍作修改,如文字连接改为图片连接,或其它的修改……
好了关于分享的就到这吧,不懂的就留言
本文转自:http://www.cyseo.org/post/434.html