基于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 解析json的代码
Dec 16 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
jquery实现动静态条形统计图
Aug 17 Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 Javascript
利用js编写网页进度条效果
Oct 08 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
node实现mock-plugin中间件的方法
Dec 25 Javascript
vuex实现购物车功能
Jun 28 Javascript
vue element 关闭当前tab 跳转到上一路由操作
Jul 22 Javascript
vue+springboot实现登录验证码
May 27 Vue.js
html中两种获取标签内的值的方法
Jun 16 jQuery
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
PHP 编程的 5个良好习惯
2009/02/20 PHP
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
2013/06/20 PHP
深入理解PHP内核(一)
2015/11/10 PHP
PHP编写登录验证码功能 附调用方法
2016/05/19 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
php的命名空间与自动加载实现方法
2019/08/25 PHP
JavaScript面向对象之Prototypes和继承
2012/07/12 Javascript
文本框文本自动补全效果示例分享
2014/01/19 Javascript
jQuery之选项卡的简单实现
2014/02/28 Javascript
使用AOP改善javascript代码
2015/05/01 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
nodejs实现的简单web服务器功能示例
2018/03/15 NodeJs
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
vue路由教程之静态路由
2019/09/03 Javascript
如何正确理解vue中的key详解
2019/11/02 Javascript
vue之延时刷新实例
2019/11/14 Javascript
JavaScript使用setTimeout实现倒计时效果
2021/02/19 Javascript
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
python仿抖音表白神器
2019/04/08 Python
Python 实现一个手机号码获取妹子名字的功能
2019/09/25 Python
python with语句的原理与用法详解
2020/03/30 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
python如何设置静态变量
2020/09/07 Python
pycharm激活码2020最新分享适用pycharm2020最新版亲测可用
2020/11/22 Python
用Python 执行cmd命令
2020/12/18 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
成人毕业生自我鉴定
2013/10/18 职场文书
班级聚会策划书
2014/01/16 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
世界无敌的ICOM IC-R9500宽频接收机
2022/03/25 无线电
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB