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

Megumi Lisa

Hectopat
Katılım
17 Mayıs 2020
Mesajlar
2.572
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:
[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:
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…