Jquery veya js ile mouse konumuna göre elemente class atama

Arkadaşlar şu olay var ya mesela mouse sola çok yakın menü orada açılır ise kenarda kalacak ya eğer çok kenarda ise mesela farklı bir class ekleyecek ve diğer kenar da açılacak böylece kullanıcı deneyimi daha iyi olacak bunu yapmanın mantığı nedir şu şekil olur mu mouse konumu alsam arıyorum x şundan küçükse bunu yap gibisinden veya hazır bir kütüphane varmı dır bunun için.

https://codepen.io/Elena_in_code/pen/goBvYr

Bu belki yardımcı olabilir. Renk degişiyor burada. buna göre ilerleyebilirsin belki.

Evet tahmin ettiğim gibi sanırım mouse kordinatını alarak yapılıyor.

 $(document).mousemove(function(e) {var mousePosition = e.pageX;  if ( mousePosition <= 200 ) {  $('hedef').addClass('birinci class').removeClass('ikinci class')} else { $('hedef').addClass('ikinci class').removeClass('birinci class')}});

bu şekilde kullanım işinizi görür sanırım.