fabi.me

Javascript Schnee ohne Grafiken , Schneeflocken

VN:F [1.9.22_1171]

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.

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.

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
Javascript Schnee ohne Grafiken , Schneeflocken, 4.8 out of 5 based on 5 ratings
JavaScript Schnee
JavaScript Schnee
js_schnee1.2.zip
Version: 1.2
2.2 KiB
6951 Downloads
Details

, , , , ,

Kommentare

  • Nikolai sagt:
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

    Danke für ein bisschen Schnee!
    Das Skript ist echt klasse, es funktioniert einfach super ohne Bugs usw. und sieht auch noch richtig schön aus!
    Viele Grüße!

  • Kai Kosche sagt:
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

    Ich finde es merkwürdig…

    Auf einer Homepage funktioniert es ohne Probleme. Aber wenn ich es auf einer anderen Homepage einbaue, dann will es nicht funktionieren bzw dann geht es nur unter Internet Explorer. Woran kann es liegen?

    Ich habe auch den Quelltext kopiert & selbst dann ging es nicht…

  • Fabi sagt:
    VN:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

    Schau mal nach ob snow_area_id richtig gesetzt ist, lass es einfach mal leer, also var snow_area_id = ”;

    Sonst schreib mal die URL von der Seite

  • anne sagt:
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

    danke für das schöne script, im safari schneit es super, aber im firefox nicht, gibt es dafür eine erklärung.
    ich habe sehr viele besucher die den firefox benutzen, wäre schade wenn sie es nicht sehen könnten.

  • Fabi sagt:
    VN:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

    Einfach mal den Link posten, dann schau ichs mir an.

  • anne sagt:
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

    http://www.bluedreamsbkh.de

  • anne sagt:
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

    hallo fabi,
    danke aber ich habe mich für ein anderes script entschieden

  • Thomas sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    hi Fabi,

    super script, läuft auf Anhieb in allen relevanten aktuellen Browsern (FF, safari, Chrome, opera …) und sogar im ollen IE6

    und ist sehr dezent und prima anpassbar, danke!

    Thomas

  • Frank sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Super – genau was ich gesucht habe…

    Funktioniert echt toll…

  • Bianca sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Herzlichen Dank für dieses wirklich schöne, elegante Script!

  • Julian sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    jetzt schneit es auch auf meiner Seite(:
    vielen Dank für das tolle Script!!

  • urs sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Hallo Leute

    Jetzt sitze ich schon drei Stunden am PC und bringe diese geniale Schneeflocken nicht auf meine Homepage.
    Benutze den Firefox 3.6. und den Dreamweaver zum Hochladen.

    Was mache ich falsch? und vielen Dank für Eure Tipps.

  • Rica sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Hallo Fabi,

    danke für das schöne Script, dass ich auch problemlos einbauen konnte und das auch soweit funktioniert.

    Was ich nur schade finde ist, dass es nur auf dem sichtbaren Teil der Seite schneit. Wenn ich nach unten scrolle geht der Schnee nicht mit, sondern endet auf der Hälfte der Seite.
    Gibt es eine Möglichkeit einzustellen, das der Schnee beim Scrollen mitkommt?

    Und wie mache ich es, wenn es nur im oberen Banner schneien soll? Welche ID muß ich da eingeben und wo?

    Liebe Grüße und schon mal danke für deine Hilfe

    Rica

  • Rica sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Sorry hatte mich bei meiner Mailadresse vertippt

  • Fabi sagt:
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    @urs: auf http://www.zimu.ch/ funktioniert es im Firefox
    @Rica: auf http://www.donatoploegert-fanpage.de/ gehts auch im FF.
    Wenn dus nur im Banner oben schneien soll dann einfach

    < div align="center">< img src="banner-hp.jpg">

    durch

    < div align="center">< img src="banner-hp.jpg" id="winter">

    ersetzen (dem IMG die ID “winter” geben)

  • schneemann sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Endlich ein Script das auf Anhieb funktioniert!
    Lob & Anerkennung für den Author.
    Servus

  • Marc Richter sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Vielen Dank – direkt im Einsatz:

    http://www.zoosau.de/

    :)

  • VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Nette Spielerei, habe ich vergangenen Winter auf sehr vielen Webseiten gesehen. Im Moment würde ich mir bei 32 Grad im Büro eine reale Abkühlung wünschen ;-) Aber wirklich interessante Seite, die Du hier aufgebaut hast

  • VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Hallo Fabi,
    Winter und Weihnachten naht, ich verwende jedes Jahr dein feines Script:) herzlichsten Dank! Ist echt das beste:)
    kenn mich mit javascript nicht aus (kann es grad einbauen). Frage gibt es ein script wo der Schnee dann liegenbleibt? würde gerne das Gras unten mit Schnee befüllen.

    Könnte es vermutlich auch im Photoshop bauen, aber wäre mit einem coolen Script eleganter

  • Holger sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Superscript! Sehr einfach einzubauen und funktioniert reibungslos. Insbesondere die Beschränkung des Schneefalls auf einen festen div-Container finde ich toll!
    5Sterne!

  • Peter sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    Hab die Variation durch unterschiedliche Fonts ersetzt durch unterschiedliche Schneeflocken, UTF8 machts möglich:

    var snow_chars = new Array ( // Schneeflocken
    ‘❄’, ‘❅’, ‘❆’,
    ‘❇’, ‘❉’, ‘❊’,
    ‘❄’, ‘❅’, ‘❆’,
    ‘✼’, ‘✲’, ‘✳’,
    ‘❄’, ‘❅’, ‘❆’
    ); // Die schönsten Flocken werden öfter verwendet.

    LG Peter

    • Fabi sagt:
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

      Hallo Peter,

      sieht super aus, danke fürs Posten!
      Werde die Flocken ins nächste Update packen.
      Grüße
      Fabian

  • torrent sagt:
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    WOW just what I was searching for. Came here by searching for torrent proxy

  • VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    hey there and thank you for your information – I’ve certainly picked up something
    new from right here. I did however expertise several technical issues using this site, as I experienced
    to reload the site lots of times previous to I could get it
    to load properly. I had been wondering if your hosting is OK?
    Not that I am complaining, but sluggish loading instances
    times will sometimes affect your placement in google and can
    damage your high-quality score if ads and marketing with Adwords.
    Well I am adding this RSS to my email and could look out for a lot more of your respective exciting content.
    Make sure you update this again very soon.

    Also visit my web-site medical malpractice attorney miami (http://durl.me/Create.do?longurl=https%3A%2F%2Farchive.org%2Fdetails%2FCasual-Sex-Prescott-Valley-Arizona)

1 2

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>