Buradasın
JavaScript'te kar nasıl yağdırılır?
Yazeka
Arama sonuçlarına göre oluşturuldu
JavaScript kullanarak web sitesinde kar yağdırmak için aşağıdaki yöntemler kullanılabilir:
- Scott Schiller'in Snowstorm Kütüphanesi: Bu kütüphane ile kar efekti oluşturmak için aşağıdaki kodu sitenin
<head>
ve</head>
etiketleri arasına eklemek yeterlidir 1:<script src="https://raw.githubusercontent.com/scottschiller/Snowstorm/master/snowstorm.js"></script> - SnowJs Eklentisi: Bu eklenti, GitHub üzerinden indirilerek kullanılabilir 2. Kodun bir kısmı şu şekildedir:
const body = document.querySelector("body"); const randomPosition = () => { return Math.random() * 99; }; const createSnow = () => { const snow = document.createElement("div"); const size = randomSize(); snow.style.backgroundColor = "#fff"; body.append(snow); return snow; }; setInterval(() => moveSnow(createSnow()), 250); - jQuery Kar Efekti: jQuery ile kar efekti oluşturmak için
akdoganKarEffect
eklentisi kullanılabilir 35. Kullanımı şu şekildedir:<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="jquery.akdoganKarEffect.js"></script> <script type="text/javascript"> $(function(){ $(document).akdoganKarEffect({ minBoyut:15, // Minimum kar tanesi boyutu maxBoyut:25, // Maximum kar tanesi boyutu karHizi:1000, // Kar tanesi eklenme hızı karTanesiRengi: "#fff" // Kar tanesi rengi }); }); </script>
5 kaynaktan alınan bilgiyle göre: