Efekt padání sněhu v JS

JavaScript jQuery Zdrojákoviště Efekt padání sněhu v JS

Jednoduchý skript, který zobrazí na pozadí stránky padající sníh. Pomocí HTLM se skriptu dají předávat tyto parametry:

  • počet vloček
    • obsah tagu s id="snow_count"
  • obrázky vloček - max. 3, z obrázků se náhodně vybírá
    • obsah tagu s id="snow_image"
    • obsah tagu s id="snow_image2"
    • obsah tagu s id="snow_image3"

Dá se použít např. takto:

<!--Část pro sníh-->
<script src="snow.js" type="text/javascript"></script>
<p id="snow_image">snow_image.png</p><!--1. obrázek vločky-->
<p id="snow_image_2">snow_image2.png</p><!--2. obrázek vločky-->
<p id="snow_image_3">snow_image3.png</p><!--3. obrázek vločky-->
<p id="snow_count">80</p><!--počet vloček-->
<!--Konec části pro sníh-->

Skript byl vytvořen pro soutěž Machr na JavaScript - Sněžení .


Galerie

Program byl vytvořen v roce 2013.

 

Stáhnout

Staženo 355x (39.96 kB)
Aplikace je včetně zdrojových kódů v jazyce JavaScript

 

  Aktivity (1)

Program pro vás napsal Zdeněk Pavlátka
Avatar
Autor se věnuje spoustě zajímavých věcí :)

Jak se ti líbí článek?
Celkem (2 hlasů) :
4444 4


 


Miniatura
Všechny články v sekci
JavaScript zdrojákoviště - jQuery

 

 

Komentáře

Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Ten kód mi příjde příliš zmatený. Ve výsledku to vypadá hezky. Možná by se jen mohly vločky zobrazovat nad body, tzn. aby se neobjevily z čista jasna.

Nebylo by lepší udělat si třeba

$('body').snezeni(80, ["img1.png", "img2.png", "img3.png"];

Nemíchal bys do toho zadávání z HTML, je pak pravděpodobnost větší chybovosti. :)

Jinak, i když nemám soubory s vločkami, stejně se kód provádí, což by nemělo. :) Měl by jsi nějak načíst všechny soubory s vločkami, ověřit jestli každý existuje a případně neexistující vyloučit.

Editováno 17.12.2013 10:29
Odpovědět 17.12.2013 10:27
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
Zdeněk Pavlátka:

Tu kontrolu souborů jsem do soutěže nestihl. A zadávání z HTML je z důvodu snadné použitelnosti. Můžeš efekt nastavovat, aniž bys chápal kód ve skriptu. :D

Odpovědět  -1 17.12.2013 16:28
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Zdeněk Pavlátka
Jiří Gracík:

Tak v tom případě bych využil možná spíš data než další 4 elementy :)

Odpovědět  +1 17.12.2013 16:33
Creating websites is awesome till you see the result in another browser ...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.