您的位置：首页 > 运维架构 > 网站架构

分享网站内容到新浪微博

2015-02-03 18:15 190 查看
在网上翻到一段代码，能够实现新浪微博分享功能的实现，书写一个实际例子，跟大家分享一下！

在本效果当中，进行了文字以及图片的调用，点击按钮之后，可以分享图片以及文字。

主要运用了dom操作相关的知识，在share函数当中，重要的部分在于'&title=',e(window.sharetitle)与'&pic=',e(window.shareUrl)的设置。从代码当中时能够看出来的，http://v.t.sina.com.cn/share/share.php?调用的是新浪微博的share.php文件，传递的是u、p等属性的属性值。


效果实现：

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div>
		<p id="p1">点击下面的按钮可以将这段文字和图片分享到新浪微博哦！@飞鱼</p>
		<img src='http://xinji1101.sinaapp.com/b.jpg'/>
		<input type="button" class="btn" id="btn" value='share'>
	</div>
</body>
<script src='jquery-1.3.2.js'></script>
<script>
	$('#btn').click(function(){
		window.sharetitle = $(this).siblings('#p1').html();
		window.shareUrl = $(this).siblings('img').attr('src');
		share();
	});
	function share(){
		//d指的是window
		(function(s,d,e){try{}catch(e){}var f='http://v.t.sina.com.cn/share/share.php?',u=d.location.href,p=['url=',e(u),'&title=',e(window.sharetitle),'&appkey=2924220432','&pic=',e(window.shareUrl)].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()}})(screen,document,encodeURIComponent);
	}
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航