Apskaičiuokite atstumą tarp pelės ir elemento CSS-gudrybės

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

Šis kodas apskaičiuos atstumą tarp pelės žymeklio ir elemento centro. Tai gali būti naudinga suaktyvinant funkciją, kai pelė yra tam tikru atstumu nuo elemento. Arba savybės vertę, pvz., Elemento plotį, aukštį ar neskaidrumą, galite pagrįsti pelės žymeklio artumu.