jquery计算鼠标和指定元素之间距离的方法
本文实例讲述了jquery计算鼠标和指定元素之间距离的方法。分享给大家供大家参考。具体实现方法如下:
(function(){ varmX,mY,distance, $distance=$('#distancespan'), $element=$('#element'); functioncalculateDistance(elem,mouseX,mouseY){ returnMath.floor(Math.sqrt(Math.pow(mouseX-(elem.offset().left+(elem.width()/2)),2)+Math.pow(mouseY-(elem.offset().top+(elem.height()/2)),2))); } $(document).mousemove(function(e){ mX=e.pageX; mY=e.pageY; distance=calculateDistance($element,mX,mY); $distance.text(distance); }); })();
希望本文所述对大家的jQuery程序设计有所帮助。