İnternet sitesi fare animasyonları nasıl yapılır?

Megumi Lisa

Hectopat
Katılım
17 Mayıs 2020
Mesajlar
2.567
Makaleler
1
Çözümler
24
Yer
Türkiye
Evet, başlıkta yazdığım gibi ben fare takip eden animasyonlar ve hareketli görseller yapmak istiyorum.
Hangi dil ile bunları yapabilirim?
 
Son düzenleyen: Moderatör:
1651691943907.png


Bunun gibi mi?
 
[CODE lang="javascript" title="Javascript ile fare hareketini algılama"]window.addEventListener("mousemove", (e) => {
// kullanıcı faresini hareket ettirdiğinde bu fonksiyon çalışacak.
// e.clientX farenin x pozisyonu
// e.clientY farenin y pozisyonu
console.log(`fare pozisyonu ${e.clientX} ${e.clientY}`);
});[/CODE]

Fare hareketinin tüm sayfada değilde sizin belirlediğiniz bir elementin üstünde iken algılanmasını istiyorsanız,
JavaScript:
const element = document.getElementsById("id");
window.addEventListener("mousemove", (e) => {
  console.log(`fare pozisyonu ${e.clientX} ${e.clientY}`);
});
HTML:
<div id="id">Fare hareketinin algılanacağı container</div>

Gerisi size kalmış :)
JavaScript:
Kod:
const element = document.getElementsById("id");
element.addEventListener("mousemove", (e) => {
  console.log(`fare pozisyonu ${e.clientX} ${e.clientY}`);
});
2. satırda hata yapmışım şimdi fark ettim kusura bakmayın.
 
Son düzenleme:

Geri
Yukarı