Израчунај удаљеност између миша и елемента - ЦСС-трикови

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); )); ))();

Овај код ће израчунати удаљеност између курсора миша и средишта елемента. Ово може бити корисно за покретање функције када се миш налази на одређеној удаљености од елемента. Или вредност својства, као што су ширина, висина или непрозирност елемента, можете заснивати на близини показивача миша.