分享到新浪微博,QQ微博,开心网,人人网,豆瓣网

bennman 2011-05-28 11:46:07
现在很多网站,比如:美团、拉手
上面都有分享到新浪微博,QQ微博,开心网,人人网,豆瓣网===
看了下源码都是用一个<a>然后通过href里的地址传参实现的(应该是JS动态添加的)
虽然网上有那种已经封装好的,比如:http://www.jiathis.com/
如果不用他的,我自己做该怎么做,有米有现成的代码?
...全文
635 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
q943642385 2011-05-29
  • 打赏
  • 举报
回复
我有个 给你看看用得上吗
<!-- JiaThis Button BEGIN -->
<div id="jiathis_style_32x32">
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_kaixin001"></a>
<a class="jiathis_button_renren"></a>
<a class="jiathis_button_tsohu"></a>
<a class="jiathis_button_douban"></a>
</div>
<script type="text/javascript" src="http://v1.jiathis.com/code/jia.js" charset="utf-8"></script>
<div class="nav">
<div class="share" id="ckepop">
<span>分享到:</span>
<a class="jiathis_button_tqq">腾讯微博</a>
<a class="jiathis_button_tsina">新浪微博</a>
<a class="jiathis_button_kaixin001">开心网</a>
<a class="jiathis_button_renren">人人网</a>
<a class="jiathis_button_qzone">QQ空间</a>
<a class="jiathis_button_douban">豆瓣</a></div>
<div class="clear"></div>
<script type="text/javascript">
var jiathis_config = {
url: "http://tuan.d6party.com",
title: "<%=ProductName %>"
}
</script>
<script type="text/javascript" src="http://v1.jiathis.com/code/jia.js" charset="utf-8"></script>
</div>
<!-- JiaThis Button END -->
xs8577 2011-05-28
  • 打赏
  • 举报
回复
你可以一个一个去找那些微博公开的API!
比如 http://open.t.qq.com/apps/share/explain.php

或者慢慢把jiathis的代码分离出来!
叶子 2011-05-28
  • 打赏
  • 举报
回复

新浪微博:
document.writeln("<div id=\"socialbookmark\"><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\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转发到新浪微博 src=\"http:\/\/t.sina.com.cn\/favicon.ico\" align=absMiddle border=0> 转发到新浪微博<\/SPAN><\/a>");

开心网:
document.writeln("<a href=\"javascript:window.open(\'http:\/\/www.kaixin001.com\/repaste\/share.php?rtitle=\'+encodeURIComponent(document.title.substring(0,76))+\'&rurl=\'+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\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转帖到开心网 src=\"http:\/\/img1.kaixin001.com.cn\/i\/favicon.ico\" align=absMiddle border=0> 转帖到开心网<\/SPAN><\/a>");

人人网:
document.writeln("<a href=\"javascript:window.open(\'http://share.renren.com/share/buttonshare.do?title=\'+encodeURIComponent(document.title.substring(0,76))+\'&link=\'+encodeURIComponent(location.href)+\'&content=\',\'_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\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转帖到人人网 src=\"http:\/\/s.xnimg.cn\/favicon-rr.ico\" align=absMiddle border=0> 转帖到人人网<\/SPAN><\/a><\/div>");


穆大叔 2011-05-28
  • 打赏
  • 举报
回复
不太明白
kenpjigu 2011-05-28
  • 打赏
  • 举报
回复
谢谢楼主分享。

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧