Hitung Jarak Antara Mouse 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); )); ))();

Kode ini akan menghitung jarak antara kursor mouse dan pusat elemen. Ini dapat berguna untuk memicu suatu fungsi saat mouse berada dalam jarak tertentu dari suatu elemen. Atau, Anda dapat mendasarkan nilai properti, seperti lebar, tinggi, atau opasitas elemen, pada kedekatan kursor mouse.