微博如火如荼,大家都选择用微博带来社会化流量,顺便推广产品和网站,几乎所有的网站都有分享到代码,但是还有一种更快捷的分享方式,javascript就可以实现将选定内容轻松分享到新浪微博和腾讯微博,效果图如下:
选中内容分享到新浪微博 src="http://www.PHPddt.com/usr/themes/dddefault/images/sina.gif"> 选中内容分享到腾讯微博 src="http://www.PHPddt.com/usr/themes/dddefault/images/qq.gif">
var eleImgShare = document.getElementById("imgSinaShare"); / var eleImgShare2 = document.getElementById("imgQqShare");var $miniBlogShare = function(eleShare,eleShare2,eleContainer) { //实现方法
var eleTitle = document.getElementsByTagName("title")[0];
eleContainer = eleContainer || document;
var funGetSelectTxt = function() { //获取选中文字
var txt = "";
if(document.selection) {
txt = document.selection.createRange().text; // IE
} else {
txt = document.getSelection();
}
return txt.toString();
};
eleContainer.onmouseup = function(e) { //限定容器若有文字被选中
e = e || window.event;
var txt = funGetSelectTxt(),sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var left = (e.clientX - 40 < 0) ? e.clientX + 20 : e.clientX - 40,top = (e.clientY - 40 < 0) ? e.clientY + sh + 20 : e.clientY + sh - 40;
if (txt) {
eleShare.style.display = "inline";
eleShare.style.left = left + "px";
eleShare.style.top = top + "px";
eleShare2.style.display = "inline";
eleShare2.style.left = left + 30 + "px";
eleShare2.style.top = top + "px";
} else {
eleShare.style.display = "none";
eleShare2.style.display = "none";
}
};
eleShare.onclick = function() { //点击新浪微博图标
var txt = funGetSelectTxt(),title = (eleTitle && eleTitle.innerHTML)? eleTitle.innerHTML : "未命名页面";
if (txt) {
window.open('http://v.t.sina.com.cn/share/share.PHP?title=' + txt + ' ' + title + '&url=' + window.location.href + '','微博分享','width=700,height=580,top=320,left=180,toolbar=no,menubar=no,scrollbars=no,location=yes,resizable=no,status=no');
}
};
eleShare2.onclick = function() { //点击腾讯微博图标
var txt = funGetSelectTxt(),title = (eleTitle && eleTitle.innerHTML)? eleTitle.innerHTML : "未命名页面";
if (txt) {
window.open( 'http://v.t.qq.com/share/share.PHP?title=' + encodeURIComponent(txt + ' ' + title + ' ') + '&url=' + window.location.href + '',status=no');
}
};
}(eleImgShare,eleImgShare2);
将以上的代码黏贴到你想要进行内容分享的页面,要注意的是,最好不要放在header.PHP或者footer.PHP这样网站所有内容都进行分享,而我只是放在文章页面!