jQuery plugins - Snowfall
dec 08

Snowfall

Hóesés jQuery-vel

Verzió: 1.3.1
Kiadás dátuma: 2010/11/25
Fejlesztő: Jason Brown
Liszensz: nincs adat

Bevezető

Egy apró aktualitás a télre való tekintettel: ha valaki némi hóeséssel szeretné karácsonyi hangulatba hozni a honlapját, akkor ez a plugin jó választás lehet lehet.

A legtöbb hóesés generáló script nem biztosít lehetőséget arra, hogy az animáció működését befolyásoljuk, azonban a Snowfall segítségével a durva hóeséstől az enyhe szállingózásig bármit megvalósíthatunk.

Implementálás

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/snowfall.jquery.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $('#azonosito').snowfall();
            });
          

Használat

A plugin-t rendelhetjük egy bizonyos elemhez (pl. egy képhez, vagy egy div blokkhoz), de akár az egész oldalra is kiterjeszthetjük (lásd a bemutató oldalt).

Teljes paraméterlista

  • flakeCount: A hópelyhek száma (alapértelmezett: 35)
  • flakeColor: a hópelyhek színe (alapértelmezett: '#ffffff')
  • flakeIndex: a hópelyhek z-index értéke (alapértelmezett: 999999)
  • minSize: legkisebb hópehely-méret (alapértelmezett: 1)
  • maxSize: legnagyobb hópehely-méret (alapértelmezett: 3)
  • minSpeed: minimális sebesség (alapértelmezett: 2)
  • maxSpeed: maximális sebesség (alapértelmezett: 3)

Tippek

  • A plugin rendelkezik egy 'clear' metódussal, melyet meghívva megszüntethetjük a hóesést
    (példa a bemutató oldalon)
  • A hóesés a lassabb gépeket jelentősen megdolgoztathatja, így nem kifejezetten célszerű nagy havazásokat generálni.
  • A letölthető állományban található példa a hóesés időzítésére (5 másodpercig esik csak a hó), amely egy áthidaló megoldás lehet: "a kecske is jóllakik és a káposzta is megmarad" elven.