Jquery Kar Yağdırma Plugini - snowfall
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Kar Yağdırma Plugini - snowfall

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(3315)
RAPOR ET
Bu dersimizde kar yağma plugini olan snowfall pluginini anlatacağım.Bir çok kar yağma pluginini inceledim en iyisi buydu.Kar yağma şekli baya güzel ve kar belirlediğimiz bir objenin üstünde birikebiliyor.

İndir: http://ustaderslik.com/dosya/kar.rar

İncele: http://ustaderslik.com/kar/

Şimdi kodlarımıza geçelim.


<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="snowfall.min.jquery.js"></script>
<script type="text/javascript">
$(function(){
$(document).snowfall({
round : true, //karın şekli.yuvarlak olsun
minSize: 1,//minimum boyutu
maxSize:15,//maxsimum boyutu
minSpeed:1,//minimum hızı
maxSpeed:5,//maxsimum hızı
flakeCount : 50,//kar yoğunluğu.Sayı artıkça daha çok kar geliyor.
shadow:false,//karın gölge durumu.false kapalı true açık.
collection : '.kutu'//karın birikeceği obje
});
});
</script>
<style type="text/css">
body{background:#333;}
.kutu{width:500px;height:250px;background:#666;margin:auto;margin-top:250px;}
</style>
</head>
<body>

<div class="kutu"></div>

</body>
</html>


Yukarıda jquery kütüpanesi ile efektimizi sayfaya dahil ediyoruz.Daha sonra kar yağmasını istediğimiz yeri seçip methodumuzu uyguluyoruz.Methodun parametrelerini açıkladım.Bakarsanız kodlara çok basit olduğunu göreceksiniz.

Sitelerinize bu şekilde kar yağma efekti uygulayabilirsiniz.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol