您的位置:首页 > Web前端 > JQuery

基于jquery的获取mouse坐标插件的实现代码

2010-04-01 00:00 381 查看
/* 
* 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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: