分享到代码，新浪微博，腾讯微博，搜狐，开心，人人，可插入图片，文字介绍信息，自定义按钮

sanr_

浏览: 18693 次

最近访客更多访客>>

嘻哈早餐

halloffame

linshuxin111

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

前端技术

大家可以把代码copy下来，新建utf-8形式的jsp文件，然后运行一下。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="http://wonengchuangzaoqij.blog.163.com/blog/<%=basePath%>">

    <title>这是我的分享到测试</title>

   <meta http-equiv="pragma" content="no-cache">
   <meta http-equiv="cache-control" content="no-cache">
   <meta http-equiv="expires" content="0">
   <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
   <meta http-equiv="description" content="This is my page">
   

</head>

<body>
<div class="cp_cen_top2_mc" ><p id="pdtName">uvi产品名称(拍卖ID)</p>
<p id="shortDesc">短评介绍</p>
                 <img src="http://img238.ph.126.net/PIa6prap2bYiYlrKcbGUhA==/2222807891085516869.jpg" width="445" height="313" id="midPdtpic"/><br />
                 <p id="longDesc">详细描述 </p>
               <img src="http://img77.ph.126.net/87TtdgQxZHHyKnVjoX4Zag==/863002278595605936.gif" width="445" height="313" id="bigPdtpic"/><br />


     <br>
</div>
    <br>
     <input type="button" value="腾讯微博分享" onclick="qq()"/>
      <input type="button" value="开心网分享" onclick="kaixin();" />
       <input type="button" value="搜狐微博分享" onclick="souhu();" />
        <input type="button" value="人人分享" onclick="renren();" />
        <input type="button" value="新浪微博分享" onclick="sina();" />



        <script type="text/javascript">
     var name=document.getElementById("pdtName").innerText;
var shortdes=document.getElementById("shortDesc").innerText;
var longdes=document.getElementById("longDesc").innerText;
var content=name+"     "+shortdes+":"+longdes;
var picsrc='http://img238.ph.126.net/r4Eg96N6N3serITMaeJAjA==/2222807891085516884.jpg';//document.getElementById("midPdtpic").src;
var img="<img    src="http://wonengchuangzaoqij.blog.163.com/blog/+picsrc+">";

var contentimg=content+img;

   function qq(){
   var _t = encodeURI(content);
   var _url = encodeURI(document.location);
   var _appkey = encodeURI("appkey");//你从腾讯获得的appkey
   var _pic = encodeURI(picsrc);//（列如：var _pic='图片url1|图片url2|图片url3....）
   var _site = 'http://www.amssy.com';//你的网站地址
   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' );
}


function kaixin(){
var t=window.open("http://www.kaixin001.com/repaste/share.php?rtitle="+content.substring(0,76)+"&rurl="+location.href+"&rword="+location.href+"&rcontent="+encodeURIComponent(contentimg),"_blank","scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes");

     }



     function souhu()
{
var s=window.screen;
var d=document;
var e=encodeURIComponent;
var r="";
var l="";
var p="";
var t="";
var z="";
var c="utf-8"
var f='http://t.sohu.com/third/post.jsp?';
var u=z||d.location;
var tit=e(t||content);
var p=['&url=',e(u),'&title=',tit,'&content=',c||'gb2312','&pic=',e(p||picsrc)].join('');
function a()
{
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 a();
}
/**现在只能支持分享连接，描述图片均没有*/
function renren()
{
   var s=window.screen;
   var d=document;
   var e=encodeURIComponent;

if(/renren\.com/.test(d.location))
   return;
var f='http://share.renren.com/share/buttonshare?link=',u=d.location,l=content,p=[e(u),'&title=',e(l)].join('');
   function a()
   {var winform=window.open([f,p].join(''),'xnshare',['toolbar=0,status=0,resizable=1,width=626,height=436,left=',(s.width-626)/2,',top=',(s.height-436)/2].join

(''));
   if(!winform)

u.href=[f,p].join('');

    };
if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);
else a();

}

function sina()
{

var s=window.screen;
var d=document;
var e=encodeURIComponent;
try{}catch(e){}

var f='http://v.t.sina.com.cn/share/share.php?',u=d.location.href,p=['url=',e(u),'&title=',e

(content),'&pic=',encodeURIComponent(picsrc),'&appkey=1226626340'].join('');

function a()
{if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=620,height=450,left=',(s.width-

620)/2,',top=',(s.height-450)/2].join('')))u.href=[f,p].join('');

};

if(/Firefox/.test(navigator.userAgent))

{setTimeout(a,0)}else{a()}

}
    </script>

</body>
</html>
补充一下：
人人网站分享图片文字是网站自动抓取的，把open中的url修改一下
"http://www.connect.renren.com/share/sharer?url=你的网站地址";

分享到：

利用HTML5中Canvas处理并存储图片 | Spring 的自动装配

2013-05-30 14:57
浏览 346
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论