首页 >

js实现将选中内容分享到新浪或腾讯微博【javascript】

web前端|js教程js实现将选中内容分享到新浪或腾讯微博【javascript】
新浪微博分享,新浪分享代码,新浪微博分享代码,分享新浪微博代码
web前端-js教程
微博如火如荼,大家都选择用微博带来社会化流量,顺便推广产品和网站,几乎所有的网站都有分享到代码,但是还有一种更快捷的分享方式,javascript就可以实现将选定内容轻松分享到新浪微博和腾讯微博,效果图如下:
更多模板 源码之家,ubuntu怎么用的,jq爬虫美女程序,ldap php 运行,seo ul lilzw
qnx源码下载,联想ubuntu忘记密码,卖爬虫的网,php中内嵌php网页,seo学院课程lzw
将选中的内容分享到新浪微博,腾讯微博实现js代码如下:
衡阳字牌源码,vscode配置nasm,关闭ubuntu系统更新,tomcat 返回zip,qt sqlite加密,wordpress 标签 插件,移动网页前端框架,java爬虫专业,c php,无锡企业seo,asp.net 新闻网站项目,jquery网页截图插件,帝国cms 笑话站模板,页面右上角 卷动效果,php信息管理系统的源代码,vivi小偷程序替换格式lzw
.img_sina_share {DISPLAY: none; CURSOR: pointer; POSITION: absolute}.img_qq_share {DISPLAY: none; CURSOR: pointer; POSITION: absolute}js实现将选中内容分享到新浪或腾讯微博【javascript】js实现将选中内容分享到新浪或腾讯微博【javascript】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);
将以上的代码黏贴到你想要进行内容分享的页面,要注意的是,最好不要放在header.php或者footer.php这样网站所有内容都进行分享,而我只是放在文章页面!

以上就是js实现将选中内容分享到新浪或腾讯微博的详细代码,希望对大家学习javascript程序设计有所帮助。


  • 暂无相关文章