jQuery Schneefall - Skript

[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

1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
2. <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

1. <script>
2. $(document).ready( function(){
3.         $.fn.snow();
4. });
5. </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

1. $.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.