Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
BF extended 2022

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žením následujícího souboru souhlasíš s licenčními podmínkami

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

 

Všechny články v sekci
JavaScript zdrojákoviště - jQuery
Program pro vás napsal Zdeněk Pavlátka
Avatar
Uživatelské hodnocení:
2 hlasů
Autor se věnuje spoustě zajímavých věcí ze světa informatiky a grafiky
Aktivity

 

 

Komentáře

Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:17.12.2013 10:27

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
Absolvent FIT ČVUT :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Honza Bittner
Zdeněk Pavlátka:17.12.2013 16:28

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
17.12.2013 16:28
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Zdeněk Pavlátka
Neaktivní uživatel:17.12.2013 16:33

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

Odpovědět
17.12.2013 16:33
Neaktivní uživatelský účet
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.