js实现将选中内容分享到新浪或腾讯微博_javascript技巧

微博如火如荼,大家都选择用微博带来社会化流量,顺便推广产品和网站,几乎所有的网站都有分享到代码,但是还有一种更快捷的分享方式,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://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>

将以上的代码黏贴到你想要进行内容分享的页面,要注意的是,最好不要放在header.php或者footer.php这样网站所有内容都进行分享,而我只是放在文章页面!

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索新浪微博分享
新浪分享代码
新浪微博 javascript、javascript选中文本、javascript选中select、javascript radio选中、javascript 选中文字,以便于您获取更多的相关知识。

时间: 2024-10-30 08:15:42

js实现将选中内容分享到新浪或腾讯微博_javascript技巧的相关文章

Wordpress中将选中内容分享到新浪腾讯微博

1.引入jQuery,相信大多数WordPress博客都已经引入了jQuery,那就可以直接进行第二步了. 2.在页面底部,或者更确切的说,在引入jQuery库的后面加上这样一段JS,你就可以看到和本站一样的效果了. 选中即分享的功能看上去比较高级,其实实现是相当简单的.其中的会让人头大,一般人也不感兴趣的原理这里就直接跳过.这个js文字选中后分享到新浪微博的功能我简单的封装了下,方法名是:$sinaMiniBlogShare  代码如下 复制代码 var miniBlogShare = fun

新浪、腾讯微博开战 草根站长成被争夺的香饽饽

中介交易 SEO诊断淘宝客 站长团购 云主机 技术大厅 4月30日0点59分,知名站长郭吉军在站长社区爱聚集里发了一篇标题为"我说怎么今天新浪这么多人加我,原来被推到名人堂了"的日志,并迅速获得站长们的关注. "我们都'被'认证了."站长之家的总编邱松在腾讯微博中写道.他之所以这么写,是因为很多站长都围着他问如何才能得到腾讯微博的实名认证. 五一假期前夜,看似平静无奇的互联网世界,悄然冒起了战场硝烟.新浪微博和腾讯微博这两家被互联网业内人士看好的门户型微博终于短兵相

微博被唱衰微信风头劲新浪、腾讯微博求变“叫板”式应对

本文作者:Domarketing 内容贡献者 @赵福军 欢迎订阅公众号:DoMarketing-营销智库 2013年年初,微信用户突破3亿,而且这种用户井喷态势并未放缓,业界观点甚至认为在2013年的年底时,微信用户数将突破5亿. 这意味着新浪微博两年前的看涨风头如今硬生生的被微信抢去了.无论是在用户端.媒体端,抑或是业界.投资圈出现集体对新浪微博的唱衰,如今的新浪微博就犹如当年的Myspace.人人网和开心网. 来自市场研究机构GlobalWebIndex全球社交网络的用户活跃度数据显示:在2

新浪的图片新闻效果_javascript技巧

复制代码 代码如下: <html> <head> <title>新浪的图片新闻效果</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <p&

百度说吧火热内测中 与新浪和腾讯微博三足鼎立

百度说吧实名社交平台,是百度公司最新推出的社会化网络服务(SNS).它采取实名制.真实头像.绑定手机号等方式,是百度公司为广大用户打造的一个更真实.诚信的社交工具.在百度说吧,你可以关注朋友,发布消息,用手机或电脑随时随地将你在想什么.做什么,说给朋友听. 与国内现有SNS平台不同,百度说吧对注册用户采取了"实名制"的方式,用户账号需与手机号码绑定,此举旨在打造一个更真实.诚信的社交平台.业内人士认为,在互联网深入网民日常生活."实名"大势所趋的当下,网络交互正在越

新浪和腾讯微博暂停评论功能

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客 站长团购 云主机 技术大厅 今日登录新浪微博与腾讯微博,都会收到一条通知,告知用户近日暂时无法对微博进行评论.新浪微博和腾讯微博均发表了公告,分别表示,自3月31日上午8时至4月3日上午8时,暂停微博评论功能. 新浪微博公告 "各位微博用户: 最近,微博客评论跟帖中出现较多谣言等违法有害信息.为进行集中清理,从3月31日上午8时至4月3日上午8时,暂停

分享到新浪与QQ微博代码

分享到新浪与QQ微博代码 新浪 <script type="text/网页特效" charset="utf-8"> (function(){   var _w = 16 , _h = 16;   var param = {     url:location.href,     type:'3',     count:'', /**是否显示分享数,1显示(可选)*/     appkey:'1929229597', /**您申请的应用appkey,显示分享

Java模拟新浪和腾讯自动登录并发送微博_java

Java模拟新浪和腾讯自动登录并发送微博功能分享给大家,供大家参考,具体内容如下 1.准备工作只是登录无需申请新浪和腾迅的开发者账号,如果需要发送微博功能,需要申请一个新浪和腾迅的开发者账号,并添加一个测试应用.  过程请参考官方帮助文档,申请地址:新浪:http://open.weibo.com    腾迅:http://dev.t.qq.com/  我们需要的是App Key和App Secre及redirect_URI,源代码中已经包含了我申请的测试key,但由于限制直接用我的key你们的

比特网:新浪2亿启动微博开发者创新基金

比特网(Chinabyte)11月16日消息,今天上午,在新浪举办的首届微博开发者大会在,新浪方面宣布联手红杉资本.IDG资本.创新工场.云锋基金.德丰杰五大顶级投资机构,正式启动中国微博开发者创新基金,一期规模为2亿元人民币,这也是国内首个专门针对微博应用开发的基金. 在一期基金中,新浪出资1亿,占50%的投资比例,其余五家机构分别拥有10%的投资比例.该基金鼓励创新和开发,将广泛挑选潜力型项目进行投资.按照计划,中国微博开发者创新基金的单笔投资,将以300万人民币以下的创业型公司和个人为主,