基于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 相关文章推荐
jquery提示 &quot;object expected&quot;的解决方法
Dec 13 Javascript
js实现俄罗斯方块小游戏分享
Jan 31 Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 Javascript
Js数组排序函数sort()介绍
Jun 08 Javascript
干货分享:让你分分钟学会javascript闭包
Dec 25 Javascript
简单了解JavaScript操作XPath的一些基本方法
Jun 03 Javascript
js简单实现调整网页字体大小的方法
Jul 23 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
jQuery用noConflict代替$的实现方法
Apr 12 jQuery
微信小程序显示倒计时功能示例【测试可用】
Dec 03 Javascript
vue打开子组件弹窗都刷新功能的实现
Sep 21 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
7个超级实用的PHP代码片段
2011/07/11 PHP
php多文件上传功能实现原理及代码
2013/04/18 PHP
dedecms中使用php语句指南
2014/11/13 PHP
详细解读PHP中接口的应用
2015/08/12 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
浅谈php://filter的妙用
2019/03/05 PHP
javascript时间函数基础介绍
2013/03/28 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
EasyUI学习之Combobox下拉列表(1)
2016/12/29 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
javascript实现日期三级联动下拉框选择菜单
2020/12/03 Javascript
JavaScript for循环 if判断语句(学习笔记)
2017/10/11 Javascript
JS实现的抛物线运动效果示例
2018/01/30 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
2020/10/01 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
使用Pyinstaller的最新踩坑实战记录
2017/11/08 Python
解读python logging模块的使用方法
2018/04/17 Python
django反向解析和正向解析的方式
2018/06/05 Python
浅谈Python基础—判断和循环
2019/03/22 Python
python之列表推导式的用法
2019/11/29 Python
python pprint模块中print()和pprint()两者的区别
2020/02/10 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
StubHub西班牙:购买和出售全球活动门票
2017/06/05 全球购物
红白喜事主持词
2015/07/06 职场文书
2016年幼儿园庆六一开幕词
2016/03/04 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏
td 内容自动换行 table表格td设置宽度后文字太多自动换行
2022/12/24 HTML / CSS