Hitungkan Jarak Antara Tetikus dan Elemen - Trik 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); )); ))();

Kod ini akan mengira jarak antara kursor tetikus dan pusat elemen. Ini berguna untuk memicu fungsi ketika tetikus berada dalam jarak tertentu elemen. Atau, anda boleh mendasarkan nilai harta tanah, seperti lebar, tinggi, atau kelegapan elemen, pada jarak dekat kursor tetikus.