
			<p>Dshare是专属大前端的分享模块，浩子码。</p>
<p>首先，大前端用过Bshare、百度分享等分享插件。有以下感触：</p>
<ol>
<li>庞大，加载的图片很大，代码很多；</li>
<li>给网站新增3个以上的请求；</li>
<li>有的自带分享统计，对80%的站点来说没有必要，加载的js可以省了；</li>
</ol>
<p>对此，有了一个想法，写一个适合大众基本要求的分享模块，让站长具有最高自定义权力，于是，Dshare诞生了（其实也就是一点点js，被我忽悠大了，哈哈）。</p>
<h2>Dshare分享模块代码：</h2>
<pre>//Dshare
	dshare();
	function dshare() {
		var thelink = encodeURIComponent(document.location),
			thetitle = encodeURIComponent(document.title.substring(0,60)),
			windowName = '分享到',
			param = getParamsOfShareWindow(600, 560),
			//各大SNS站点的分享机制，可自定义
			ds_tqq = 'http://v.t.qq.com/share/share.php?title=' + thetitle + '&amp;url=' + thelink + '&amp;site=',
			ds_qzone = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + thelink + '&amp;title=',
			ds_tsina = 'http://v.t.sina.com.cn/share/share.php?url=' + thelink + '&amp;title=' + thetitle,
			ds_douban = 'http://www.douban.com/recommend/?url=' + thelink + '&amp;title=' + thetitle,
			ds_renren = 'http://share.renren.com/share/buttonshare?link=' + thelink + '&amp;title=' + thetitle,
			ds_kaixin = 'http://www.kaixin001.com/repaste/share.php?rurl=' + thelink + '&amp;rcontent=' + thelink + '&amp;rtitle=' + thetitle,
			ds_facebook = 'http://facebook.com/share.php?u=' + thelink + '&amp;t=' + thetitle,
			ds_twitter = 'http://twitter.com/share?url=' + thelink + '&amp;text=' + thetitle;

	 	$('.dshare').each(function() {
			$(this).attr('title',windowName + $(this).text());
			$(this).click(function() {
				var httpUrl = eval($(this).attr('class').substring($(this).attr('class').lastIndexOf('ds_')));
				window.open(httpUrl, windowName, param);
			});
		});

		function getParamsOfShareWindow(width, height) {
			return ['toolbar=0,status=0,resizable=1,width=' + width + ',height=' + height + ',left=',(screen.width-width)/2,',top=',(screen.height-height)/2].join('');
		}
	}</pre>
<p>jQuery实现，有需要的可以转为js版本</p>
<h2>html部分：</h2>
<pre>&lt;div&gt;分享到：&lt;a&gt;腾讯微博&lt;/a&gt;&lt;a&gt;QQ空间&lt;/a&gt;&lt;a&gt;新浪微博&lt;/a&gt;&lt;a&gt;人人网&lt;/a&gt;&lt;a&gt;开心网&lt;/a&gt;&lt;a&gt;豆瓣&lt;/a&gt;&lt;a&gt;Facebook&lt;/a&gt;&lt;a&gt;Twitter&lt;/a&gt;&lt;/div&gt;</pre>
<h2>css部分：</h2>
<pre>.dshare{padding-left:20px;margin-right:8px;height:16px;line-height:16px;display:inline-block;cursor:pointer;background:url(../img/share.png) no-repeat}
.ds_tqq{background-position:0 0}
.ds_tsina{background-position:0 -16px}
.ds_douban{background-position:0 -32px}
.ds_facebook{background-position:0 -48px}
.ds_twitter{background-position:0 -64px}
.ds_renren{background-position:0 -112px}
.ds_kaixin{background-position:0 -128px}
.ds_qzone{background-position:0 -96px}</pre>
<h2>所需图片：</h2>
<pre>http://www.daqianduan.com/wp-content/themes/d4/img/share.png</pre>
<p>记得改成你所需要的<br />
如何使用，我就不多说了，代码注释的很详细！！<br />
<strong>PS：</strong>只是简单的实现基本需求，更多交互有待你的参与。</p>
<p>转载请注明：<a href="#">大前端</a> &raquo; <a href="#">自码分享到SNS模块-Dshare 更简洁 更友好</a></p>		