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


Posted in Javascript onDecember 16, 2015

微博如火如荼,大家都选择用微博带来社会化流量,顺便推广产品和网站,几乎所有的网站都有分享到代码,但是还有一种更快捷的分享方式,javascript就可以实现将选定内容轻松分享到新浪微博和腾讯微博,效果图如下:

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

将选中的内容分享到新浪微博,腾讯微博实现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中常见的校验如域名、手机、邮箱等等
Jan 02 Javascript
将中国标准时间转换成标准格式的代码
Mar 20 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
js实现的星星评分功能函数
Dec 09 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
解读Bootstrap v4 sass设计
May 29 Javascript
react开发教程之React 组件之间的通信方式
Aug 12 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
May 08 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
Aug 24 Javascript
对vue中v-on绑定自定事件的实例讲解
Sep 06 Javascript
vue2配置scss的方法步骤
Jun 06 Javascript
微信小程序返回上一级页面的实现代码
Jun 19 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
Dec 16 #Javascript
Sublime Text 3常用插件及安装方法
Dec 16 #Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 #Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 #Javascript
javascript基于prototype实现类似OOP继承的方法
Dec 16 #Javascript
javascript数组克隆简单实现方法
Dec 16 #Javascript
Perl Substr()函数及函数的应用
Dec 16 #Javascript
You might like
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
mac系统下安装多个php并自由切换的方法详解
2017/04/21 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
javascript prototype原型操作笔记
2009/12/07 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
2013/06/06 Javascript
JS实现简单的Canvas画图实例
2013/07/04 Javascript
基于JQuery实现的Select级联
2014/01/27 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
vue计算属性及使用详解
2018/04/02 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
pydev使用wxpython找不到路径的解决方法
2013/02/10 Python
批处理与python代码混合编程的方法
2016/05/19 Python
TensorFlow的权值更新方法
2018/06/14 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
django-初始配置(纯手写)详解
2019/07/30 Python
python 5个实用的技巧
2020/09/27 Python
Unix如何添加新的用户
2014/08/20 面试题
施工班组长岗位职责
2014/01/05 职场文书
会计工作心得体会
2014/01/13 职场文书
一年级家长会邀请函
2014/01/25 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
岳庙导游词
2015/02/04 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
2019西餐厅创业计划书范文!
2019/07/12 职场文书
Vue详细的入门笔记
2021/05/10 Vue.js
详解MySQL多版本并发控制机制(MVCC)源码
2021/06/23 MySQL
Python+tkinter实现高清图片保存
2022/03/13 Python