基于jquery的获取mouse坐标插件的实现代码


Posted in Javascript onApril 01, 2010
/* 
* Copyright (c) 2010 刘建华 
* 
* The above copyright notice shall be 
* included in all copies or substantial portions of the Software. 
* Example: 
<div style="height:1000px">demo</div> 
<div id="demo" style="height:50px; background:purple; width:50px;z-index:999999; position:absolute;left:-1000px;top:-1000px;">demo</div> 
<script type="text/javascript" > 
var o = $(document); 
o.mousemove( function(e){ 
var d = document.getElementById("demo"); 
d.style.left = ($.mouse(e).left + 5) + "px"; 
d.style.top = ($.mouse(e).top + 5) + "px"; 
}); 
</script> 
*/ /* 
* mouse Plugin for jQuery 
* Version: 1.0 
* Release: 2010-03-30 
*/ 
(function($) { 
//Main Method 
jQuery.mouse = function(e){ 
var mouseleft = 0; 
var mousetop = 0; 
if(!($.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent))) 
{ 
mouseleft=e.pageX; 
mousetop=e.pageY; 
} 
else 
{ 
var _top = document.compatMode=="CSS1Compat" ? document.documentElement.scrollTop : document.body.scrollTop; 
var _left = document.compatMode=="CSS1Compat" ? document.documentElement.scrollLeft : document.body.scrollLeft; 
mouseleft=_left+event.clientX; 
mousetop=_top+event.clientY; 
} 
return {left:mouseleft,top:mousetop} ; 
}; 
})(jQuery);
Javascript 相关文章推荐
javascript之可拖动的iframe效果代码
Aug 01 Javascript
Jquery AutoComplete自动完成 的使用方法实例
Mar 19 Javascript
js自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
JQuery写动态树示例代码
Jul 31 Javascript
extjs_02_grid显示本地数据、显示跨域数据
Jun 23 Javascript
推荐一个自己用的封装好的javascript插件
Jan 29 Javascript
jQuery消息提示框插件Tipso
May 04 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
Sep 08 Javascript
js实现按座位号抽奖
Apr 05 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
深入理解Vue keep-alive及实践总结
Aug 21 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 Javascript
Jquery+JSon 无刷新分页实现代码
Apr 01 #Javascript
基于jQuery的消息提示插件之旅 DivAlert(三)
Apr 01 #Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 #Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 #Javascript
基于jquery的tab切换 js原理
Apr 01 #Javascript
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 #Javascript
JQuery Tab选项卡效果代码改进版
Apr 01 #Javascript
You might like
杏林同学录(八)
2006/10/09 PHP
通过文字传递创建的图形按钮
2006/10/09 PHP
smarty实例教程
2006/11/19 PHP
PHP实现的购物车类实例
2015/06/17 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
php中namespace及use用法分析
2016/12/06 PHP
CSDN轮换广告图片轮换效果
2007/03/27 Javascript
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
jquery 学习之二 属性 文本与值(text,val)
2010/11/25 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
2015/06/01 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
react的hooks的用法详解
2020/10/12 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python实现识别相似图片小结
2016/02/22 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
广告学专业应届生求职信
2013/10/01 职场文书
中专生自我鉴定书范文
2013/12/28 职场文书
先进工作者获奖感言
2014/02/08 职场文书
房屋出售协议书
2014/04/10 职场文书
关于保护环境的建议书
2014/05/13 职场文书
优秀少先队工作者事迹材料
2014/05/13 职场文书
乡镇党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2015年三年级班主任工作总结
2015/05/21 职场文书
行政答辩状范文
2015/05/21 职场文书
党支部意见范文
2015/06/02 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
Python基于Opencv识别两张相似图片
2021/04/25 Python
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
JavaScript如何优化逻辑判断代码详解
2021/06/08 Javascript