zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

jQuery插件代码 实现 获取 基于 坐标
2023-06-13 09:14:17 时间

复制代码代码如下:


/*
*Copyright(c)2010刘建华
*
*Theabovecopyrightnoticeshallbe
*includedinallcopiesorsubstantialportionsoftheSoftware.
*Example:
<divstyle="height:1000px">demo</div>
<divid="demo"style="height:50px;background:purple;width:50px;z-index:999999;position:absolute;left:-1000px;top:-1000px;">demo</div>
<scripttype="text/javascript">
varo=$(document);
o.mousemove(function(e){
vard=document.getElementById("demo");
d.style.left=($.mouse(e).left+5)+"px";
d.style.top=($.mouse(e).top+5)+"px";
});
</script>
*/

/*
*mousePluginforjQuery
*Version:1.0
*Release:2010-03-30
*/
(function($){
//MainMethod
jQuery.mouse=function(e){
varmouseleft=0;
varmousetop=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);