Рассчитать расстояние между мышью и элементом - CSS-хитрости

Anonim 
(function() ( var mX, mY, distance, $distance = $('#distance span'), $element = $('#element'); function calculateDistance(elem, mouseX, mouseY) ( return Math.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); )); ))();

Этот код рассчитает расстояние между курсором мыши и центром элемента. Это может быть полезно для запуска функции, когда мышь находится на определенном расстоянии от элемента. Или вы можете основывать значение свойства, например ширину, высоту или непрозрачность элемента, на близости курсора мыши.