js实现将选中内容分享到新浪或腾讯微博
网络编程 2021-07-04 21:04www.168986.cn编程入门
这篇文章主要介绍了js实现将选中内容分享到新浪或腾讯微博,需要的朋友可以参考下
微博如火如荼,大家都选择用微博带来社会化流量,顺便推广产品和网站,几乎所有的网站都有分享到代码,还有一种更快捷的分享方式,javascript就可以实现将选定内容轻松分享到新浪微博和腾讯微博,效果图如下
将选中的内容分享到新浪微博,腾讯微博实现js代码如下
<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://.phpddt./usr/themes/dddefault/images/sina.gif"> <IMG class=img_qq_share id=imgQqShare title=将选中内容分享到腾讯微博 src="http://.phpddt./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, = (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. = + "px"; eleShare2.style.display = "inline"; eleShare2.style.left = left + 30 + "px"; eleShare2.style. = + "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../share/share.php?title=' + txt + ' ' + title + '&url=' + window.location.href + '','微博分享','width=700, height=580, =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./share/share.php?title=' + encodeURIComponent(txt + ' ' + title + ' ') + '&url=' + window.location.href + '','微博分享','width=700, height=580, =320, left=180, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no'); } }; }(eleImgShare,eleImgShare2); </SCRIPT>
将以上的代码黏贴到你想要进行内容分享的页面,要注意的是,最好不要放在header.php或者footer.php这样网站所有内容都进行分享,而我只是放在文章页面!
以上就是js实现将选中内容分享到新浪或腾讯微博的详细代码,希望对大家学习javascript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程