基于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 相关文章推荐
使用IE6看老赵的博客 jQuery初探
Jan 17 Javascript
同一个网页中实现多个JavaScript特效的方法
Feb 02 Javascript
jQuery DOM插入节点操作指南
Mar 03 Javascript
JavaScript实现添加及删除事件的方法小结
Aug 04 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
Sep 19 Javascript
ES6 系列之 WeakMap的使用示例
Aug 06 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 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
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
PHP使用JSON和将json还原成数组
2015/02/12 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
浅谈PHP中关于foreach使用引用变量的坑
2016/11/14 PHP
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
详解webpack es6 to es5支持配置
2017/05/04 Javascript
图片加载完成再执行事件的实例
2017/11/16 Javascript
nodeJS微信分享
2017/12/20 NodeJs
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
微信小程序本地存储实现每日签到、连续签到功能
2019/10/09 Javascript
vue+iview实现分页及查询功能
2020/11/17 Vue.js
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
python爬取NUS-WIDE数据库图片
2016/10/05 Python
Python变量和字符串详解
2017/04/29 Python
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
浅谈django三种缓存模式的使用及注意点
2018/09/30 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
Nuts.com:优质散装,批发坚果、干果和巧克力等
2017/03/21 全球购物
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
建筑学推荐信
2013/11/03 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
培训计划通知
2015/07/15 职场文书
毕业晚宴祝酒词
2015/08/11 职场文书
python flappy bird小游戏分步实现流程
2022/02/15 Python