基于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滚动的代码
Apr 10 Javascript
JavaScript 数组循环引起的思考
Jan 01 Javascript
JS实用的动画弹出层效果实例
May 05 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
May 06 Javascript
Angular ng-class详解及实例代码
Sep 19 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
js仿新浪微博消息发布功能
Feb 17 Javascript
在Swiper内如何制作CSS3动画效果示例代码
Dec 07 Javascript
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
小程序开发基础之view视图容器
Aug 21 Javascript
JS块级作用域和私有变量实例分析
May 11 Javascript
LayUI动态设置checkbox不显示的解决方法
Sep 02 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
浅析PHP递归函数返回值使用方法
2013/02/18 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
php采集中国代理服务器网的方法
2015/06/16 PHP
PHP 常用的header头部定义汇总
2015/06/19 PHP
PHP实现微信发红包程序
2015/08/24 PHP
js setTimeout 常见问题小结
2013/08/13 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
浅析jQuery EasyUI中的tree使用指南
2014/12/18 Javascript
使用console进行性能测试
2015/04/27 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
angular基于ng-alain定义自己的select组件示例
2018/02/23 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
js的对象与函数详解
2019/01/21 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
浅析VUE防抖与节流
2020/11/24 Vue.js
跟老齐学Python之Import 模块
2014/10/13 Python
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
Python正则简单实例分析
2017/03/21 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
Python实现将HTML转成PDF的方法分析
2019/05/04 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
np.dot()函数的用法详解
2020/01/17 Python
自学python用什么系统好
2020/06/23 Python
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
Discard Protocol抛弃协议的作用是什么
2015/10/10 面试题
如何定义一个可复用的服务
2014/09/30 面试题
上班看电影检讨书
2014/02/12 职场文书
审计专业自荐信范文
2014/04/21 职场文书
超市客服工作职责
2014/06/11 职场文书
关于 Python json中load和loads区别
2021/11/07 Python