基于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也能包含文件
Oct 26 Javascript
jQuery对象和DOM对象相互转化
Apr 24 Javascript
JavaScript中的16进制字符(改进)
Nov 21 Javascript
js 获取计算后的样式写法及注意事项
Feb 25 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
Js的Array数组对象详解
Feb 22 Javascript
Bootstrap的modal拖动效果
Dec 25 Javascript
less简单入门(CSS 预处理语言)
Mar 08 Javascript
node+vue实现用户注册和头像上传的实例代码
Jul 20 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
jquery登录的异步验证操作示例
May 09 jQuery
vue路由切换之淡入淡出的简单实现
Oct 31 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读写文件的方法(生成HTML)
2006/11/27 PHP
利用Memcached在php下实现session机制 替换PHP的原生session支持
2010/08/21 PHP
PHP入门学习笔记之一
2010/10/12 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
javascript js 操作数组 增删改查的简单实现
2016/06/20 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
2017/05/22 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
2017/06/06 Javascript
js轮播图无缝滚动效果
2017/06/17 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
详解ES6 Promise对象then方法链式调用
2018/10/20 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
js实现搜索提示框效果
2020/09/05 Javascript
Python实现破解12306图片验证码的方法分析
2017/12/29 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
python通过配置文件共享全局变量的实例
2019/01/11 Python
详解python校验SQL脚本命名规则
2019/03/22 Python
python内存管理机制原理详解
2019/08/12 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
用python制作个视频下载器
2021/02/01 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
世界上最大的罕见唱片、CD和音乐纪念品网上商店:991.com
2018/05/03 全球购物
微软巴西官方网站:Microsoft Brasil
2019/09/26 全球购物
密封类可以有虚函数吗
2014/08/11 面试题
数学兴趣小组活动总结
2014/07/08 职场文书
教师远程培训心得体会
2016/01/09 职场文书
浅谈Java实现分布式事务的三种方案
2021/06/11 Java/Android
mysql中整数数据类型tinyint详解
2021/12/06 MySQL
python高温预警数据获取实例
2022/07/23 Python