Rumah >hujung hadapan web >tutorial js >js melaksanakan perkongsian kandungan terpilih kepada kemahiran Sina atau Tencent Weibo_javascript
Weibo sedang giat dijalankan boleh dikongsi dengan mudah kepada Sina Weibo dan Tencent Weibo Rendering adalah seperti berikut:
Kongsi kandungan yang dipilih ke Sina Weibo Kod js yang dilaksanakan oleh Tencent Weibo adalah seperti berikut:
<STYLE> .img_sina_share { DISPLAY: none; CURSOR: pointer; POSITION: absolute } .img_qq_share { DISPLAY: none; CURSOR: pointer; POSITION: absolute } </STYLE> <IMG class=img_sina_share id=imgSinaShare title=将选中内容分享到新浪微博 src="http://www.phpddt.com/usr/themes/dddefault/images/sina.gif"> <IMG class=img_qq_share id=imgQqShare title=将选中内容分享到腾讯微博 src="http://www.phpddt.com/usr/themes/dddefault/images/qq.gif"> <SCRIPT> 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 + '','微博分享','width=700, height=580, top=320, left=180, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no'); } }; }(eleImgShare,eleImgShare2); </SCRIPT>
Tampal kod di atas ke halaman yang anda ingin kongsikan kandungannya. Adalah lebih baik untuk tidak meletakkannya di header.php atau footer.php supaya semua kandungan laman web boleh dikongsi dalam artikel!
Di atas ialah kod terperinci untuk JS berkongsi kandungan yang dipilih kepada Sina atau Tencent Weibo, saya harap ia akan membantu semua orang untuk mempelajari pengaturcaraan JavaScript.