Jquery 获取鼠标位置坐标

<p>Jquery 获取鼠标位置坐标</p><pre class="brush:js;toolbar:false">vardivoffset=10;//显示层离鼠标的距离 $(document).ready(function(){ vartooltip=$(&quot;#tooltip&quot;);//获取显示层 vartoolContent=$(&quot;#toolContent&quot;);//获取显示内容层 $(&#39;#thumbs&gt;li&#39;).bind(&#39;mouseover&#39;,function(e){//查找a对象,并给对象创建onmouseover事件--这里可以替换成其他的如:div($(&#39;div&#39;).bind()),ul下的li$(&#39;ul&gt;li&#39;).bind() Mouse(e);//计算显示层的位置 toolContent.html(&quot;&lt;li&gt;显示内容&lt;/li&gt;&quot;);//显示内容--PS:自己改成动态获取 tooltip.css({top:toppos,left:leftpos});//给显示层定义CSS--当前计算出的位置 tooltip.stopAll().pause(300).fadeTo(200,1);//显示效果 }).bind(&#39;mousemove&#39;,function(e){//给对象创建mousemove事件 Mouse(e);//计算显示层的位置 tooltip.css({top:toppos,left:leftpos});//给显示层定义CSS--当前计算出的位置--随时改变位置 }).bind(&#39;mouseout&#39;,function(){//给对象创建mouseout事件 tooltip.stopAll().fadeTo(500,0,function(){$(this).hide();});//隐藏效果 }); }); //计算坐标函数 varMouse=function(e){ mouse=newMouseEvent(e); leftpos=mouse.x+divoffset; toppos=mouse.y+divoffset; } //获取鼠标坐标函数 varMouseEvent=function(e){ this.x=e.pageX this.y=e.pageY }</pre>
RangeTime:0.005662s
RangeMem:205.06 KB
返回顶部 留言