基于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的执行速度
Jan 23 Javascript
基于JQuery的cookie插件
Apr 07 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
Nov 09 Javascript
关于跨站脚本攻击问题
Dec 22 Javascript
JavaScript中原型和原型链详解
Feb 11 Javascript
JS实现超简单的鼠标拖动效果
Nov 02 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 Javascript
JavaScript仿网易选项卡制作代码
Oct 06 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
layui实现动态和静态分页
Apr 28 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
May 20 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留言板功能
2016/12/21 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
老生常谈PHP 文件写入和读取(必看篇)
2017/05/22 PHP
用Javascript评估用户输入密码的强度(Knockout版)
2011/11/30 Javascript
JS如何将UTC格式时间转本地格式
2013/09/04 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
JS前端加密算法示例
2016/12/22 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
2017/07/06 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
PHP自动加载autoload和命名空间的应用小结
2017/12/01 Javascript
layui2.0使用table+laypage实现真分页
2019/07/27 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python读写文件操作示例程序
2013/12/02 Python
Python版名片管理系统
2018/11/30 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
原生python实现knn分类算法
2019/10/24 Python
python文字转语音实现过程解析
2019/11/12 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
玩具反斗城美国官网:Toys"R"Us
2016/09/17 全球购物
香蕉共和国Banana Republic官网:美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
业务代表的岗位职责
2013/11/16 职场文书
优秀教师先进事迹
2014/01/22 职场文书
活动志愿者自荐信
2014/01/27 职场文书
家长学校实施方案
2014/03/15 职场文书
师德模范事迹材料
2014/06/03 职场文书
家具公司总经理岗位职责
2014/07/08 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
员工表扬信怎么写
2015/05/05 职场文书
python中if和elif的区别介绍
2021/11/07 Python
Mybatis-Plus 使用 @TableField 自动填充日期
2022/04/26 Java/Android