Forum: NOF - Tutorials (185 anschauliche Tutorials zum Lesen und Nacharbeiten) > Design, Layout, gestalterische Elemente

jQuery Schneefall - Skript

(1/1)

Dada:
Eine kleine Spielerei, die jedes Jahr zur Weihnachtszeit nachgefragt wird.
Das Schneefall-Skript.
Von diesen gibt es Unzählige ich stelle euch hier mal eins vor das auf jQuery basiert.

Demo

Das Script könnt ihr bei GitHub herunterladen.
https://github.com/downloads/kopipejst/jqSnow/jquery.snow.min.1.0.js

Zwischen die Headtags fügt ihr folgenden Code ein


--- Code: HTML5 ---<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script><script src="jquery.snow.min.1.0.js"></script>
Sollte ihr jQuery schon in Verwendung haben braucht ihr den Script-Aufruf zu dem jQuery-Framework nicht einzubinden. Die Pfadangeben sind natürlich anzupassen.


Der Aufruf der Funktion schreibt ihr in die HTML-Eigenschaften eines Textfeldes.
Vor oder nach dem Tag.

--- Code: HTML5 ---<script>$(document).ready( function(){        $.fn.snow();});</script>
Das war schon der grundlegende Einbau.



Dieses Script hat ein paar Parameter mit dem ihr z.B. die Farben der Flocken ändern könnt.

minSize – Minimale Größe der Schneeflocken, Standardwert ist 10
maxSize - Maximale Größe der Schneeflocken, Standardwert ist 20
newOn – Zeit bis zum Erscheinen neuer Flocken in Millisekunden, Standardwert ist 500
flakeColor – Farbe der Schneeflocken, #FFFFFF ist Standard.


Diese Parameter werden in den Aufruf der Funktion geschrieben.

Das könnte dann so ausehen.

--- Code: Javascript ---$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#0099FF' });
Seid aber bitte Vorsichtig, wenn ihr die Parameter ändert, es kann sich stark auf die Performance auswirken.

Navigation

[0] Themen-Index