基于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 QueryString解析类代码
Jan 17 Javascript
ExtJs中简单的登录界面制作方法
Aug 19 Javascript
js将当前时间格式转换成时间搓(自写)
Sep 26 Javascript
js获取表格的行数和列数的方法
Oct 23 Javascript
JS中JSON对象和String之间的互转及处理技巧
Apr 06 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
AngularJS  ng-repeat遍历输出的用法
Jun 19 Javascript
JS实现简单的浮动碰撞效果示例
Dec 28 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
Jan 18 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
Vue快速实现通用表单验证的示例代码
Jan 09 Javascript
Vue过滤器(filter)实现及应用场景详解
Jun 15 Vue.js
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/04/20 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
php写入txt乱码的解决方法
2019/09/17 PHP
简明json介绍
2008/09/28 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
2013/05/10 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
2016/07/18 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
2018/05/13 Javascript
详解使用mpvue开发github小程序总结
2018/07/25 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
在layui下对元素进行事件绑定的实例
2019/09/06 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
[32:39]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第一场 11.04
2020/11/04 DOTA
自己使用总结Python程序代码片段
2015/06/02 Python
使用Python神器对付12306变态验证码
2016/01/05 Python
python实现ID3决策树算法
2018/08/29 Python
python3 自动识别usb连接状态,即对usb重连的判断方法
2019/07/03 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
HTML5移动端开发中的Viewport标签及相关CSS用法解析
2016/04/15 HTML / CSS
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
班主任经验交流会主持词
2014/04/01 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android