基于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 相关文章推荐
学习YUI.Ext 第二天
Mar 10 Javascript
js控制框架刷新
Aug 01 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
基于jQuery的简单的列表导航菜单
Mar 02 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
JS常用正则表达式总结【经典】
May 12 Javascript
简单实现jquery隔行变色
Nov 09 jQuery
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
详解Nuxt内导航栏的两种实现方式
Apr 16 Javascript
vuex刷新后数据丢失的解决方法
Oct 18 Javascript
前端 javascript 实现文件下载的示例
Nov 24 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中register_globals参数为OFF和ON的区别(register_globals 使用详解)
2012/02/05 PHP
基于php下载文件的详解
2013/06/02 PHP
php中get_defined_constants函数用法实例分析
2015/05/12 PHP
微信公众号之主动给用户发送消息功能
2019/06/22 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
超级强大的表单验证
2006/06/26 Javascript
JS 实现完美include载入实现代码
2010/08/05 Javascript
jQuery学习笔记 操作jQuery对象 属性处理
2012/09/19 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
2015/03/18 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
2017/06/28 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
详解vue项目打包步骤
2019/03/29 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
vue页面加载时的进度条功能(实例代码)
2020/01/13 Javascript
原生JS实现留言板
2020/03/26 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
使用Element的InfiniteScroll 无限滚动组件报错的解决
2020/07/27 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
python实现跨文件全局变量的方法
2014/07/07 Python
Python脚本实现12306火车票查询系统
2016/09/30 Python
django query模块
2019/04/20 Python
tensorflow使用range_input_producer多线程读取数据实例
2020/01/20 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
python selenium 获取接口数据的实现
2020/12/07 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
选购世界上最好的美妆品:Cult Beauty
2017/11/03 全球购物
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
好人好事事迹材料
2014/02/12 职场文书
python tkinter实现定时关机
2021/04/21 Python
python文件目录操作之os模块
2021/05/08 Python
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL