fabi.me » schneeflocken http://fabi.me Wed, 16 May 2012 08:45:51 +0000 de hourly 1 http://wordpress.org/?v=3.3.2 Javascript Schnee mit 3D Effekt – Schneeflocken http://fabi.me/scripts-codes/javascript-schnee/ http://fabi.me/scripts-codes/javascript-schnee/#comments Thu, 20 Dec 2007 14:31:03 +0000 Fabi http://www.fabi-s.de/scripts-codes/javascript-schnee/

Ein Java-Script, der es auf jeder HTML-Seite schneien lässt. Er unterscheidet sich jedoch von den üblichen Scripts, da er keine Grafiken verwendet und der Schnee nur in einem bestimmten Bereich auf der Seite schneit, denn eine Seite voller Schneeflocken sieht meistens ziemlich nervend aus. Die Schneeflocken haben verschiedene Größen und Fallgeschwindigkeiten, dadurch wird ein “realistischer” 3D-Effekt erzeugt ;-).

Beim Einbau des JavaScript Schnees muss einfach nur die ID des HTML-Elements (zum Beispiel ein <div>) angegeben werden und schon fällt innerhalb des Rahmens des Elements Schnee.

JavaScript Schnee
JavaScript Schnee
js_schnee1.2.zip
Version: 1.2
2.2 KiB
4842 Downloads
Details...

Es können viele Einstellungen wie Farbe, Anzahl, Aussehen und Schwerkraft des JavaScript Schnee angepasst werden. Dazu einfach einen Blick in den JS-Code werfen. Dort ist alles beschrieben. Um den Javascript in eine HTML-Datei einzubinden, einfach folgendes in den head-Bereich einfügen:
<script type="text/javascript" src="./schnee.js"></script>
Die ID des HTML-Elements kann in der JS-Datei angepasst werden. Standard ist die ID “winter”. Wenn man es auf der gesamten Seite schneien lassen möchte, kann man dem HTML Body die ID “winter” geben:
<body id="winter">
Eine Beispieldatei ist enthalten, hier gibt es eine Demo des JavaScript Schnee.

  • viele Einstellungen des JavaScript Schnee, die in der JS-Datei angepasst werden können
  • hohe Vielseitigkeit der Schneeflocken, da Farbe, Größe und Schriftart zufällig gewählt werden
  • Verursacht kaum Traffic, da keine Grafiken verwendet werden
  • Verbraucht wenig Browser-Resourcen

Wer zu faul ist, den <script> Code jedes Jahr wieder an die richtige Stelle zusetzen, kann folgenden PHP-Code Verwenden:

<?php $month = (int)date('n'); if($month == 12 || $month == 1) { ?>
<script type="text/javascript" src="./schnee.js"></script>
<?php } ?>

Dieser lässt es dann automatisch im Dezember und Januar schneien!

]]> http://fabi.me/scripts-codes/javascript-schnee/feed/ 56