基于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 字符串连接性能优化
Dec 20 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
JQuery实现简单时尚快捷的气泡提示插件
Dec 20 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
jQuery增加自定义函数的方法
Jul 18 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
ES6新特性之字符串的扩展实例分析
Apr 01 Javascript
使用百度地图实现地图网格的示例
Feb 06 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
layui下拉框获取下拉值(select)的例子
Sep 10 Javascript
vue中destroyed方法的使用说明
Jul 21 Javascript
Vue获取微博授权URL代码实例
Nov 04 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中循环语句的用法介绍
2012/01/30 PHP
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
更改localhost为其他名字的方法
2014/02/10 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
JS连连看源码完美注释版(推荐)
2013/12/09 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
JS实现网页上随滚动条滚动的层效果代码
2015/11/04 Javascript
javascript伸缩菜单栏实现代码分享
2015/11/12 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
2016/01/21 Javascript
纯JS代码实现一键分享功能
2016/04/20 Javascript
AngularJs表单校验功能实例代码
2017/02/09 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
详解在Python和IPython中使用Docker
2015/04/28 Python
Python实现多线程抓取网页功能实例详解
2017/06/08 Python
安装python时MySQLdb报错的问题描述及解决方法
2018/03/20 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
python实现简单的购物程序代码实例
2020/03/03 Python
Python和Bash结合在一起的方法
2020/11/13 Python
浅析python连接数据库的重要事项
2021/02/22 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
怀旧香味蜡烛:Homesick
2019/11/02 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
高中毕业自我鉴定
2013/12/13 职场文书
学校卫生检查制度
2014/02/03 职场文书
上党课的心得体会
2014/09/02 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书