基于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 相关文章推荐
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
JavaScript实现将UPC转换成ISBN的方法
May 26 Javascript
JQuery.Ajax()的data参数类型实例详解
Nov 20 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
jsonp实现百度下拉框功能的方法分析
May 10 Javascript
swiper Scrollbar滚动条组件详解
Sep 08 Javascript
Vue 组件注册全解析
Dec 17 Vue.js
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函数
2010/01/11 PHP
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
php简单分页类实现方法
2015/02/26 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
javascript parseInt 函数分析(转)
2009/03/21 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
js模拟类继承小例子
2010/07/17 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
JS控件的生命周期介绍
2012/10/22 Javascript
javascript实现日历控件(年月日关闭按钮)
2012/12/12 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
原生js实现购物车
2020/09/23 Javascript
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
浅谈python可视化包Bokeh
2018/02/07 Python
取numpy数组的某几行某几列方法
2018/04/03 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
师德师风建设方案
2014/05/08 职场文书
班级团队活动方案
2014/08/14 职场文书
2014年保密工作总结
2014/11/22 职场文书
房贷工资证明范本
2015/06/12 职场文书
2015年依法治校工作总结
2015/07/27 职场文书
小学教师暑期培训心得体会
2016/01/09 职场文书
深入理解python协程
2021/06/15 Python
Python作用域和名称空间的详细介绍
2022/04/13 Python