File: BD_snow-example.html

Recommend this page to a friend!
  Classes of René Teinze   Snow for the Web site   BD_snow-example.html   Download  
File: BD_snow-example.html
Role: Example script
Content type: text/plain
Description: sample HTML-file
Class: Snow for the Web site
Display snow flakes falling on the Web page
Author: By
Last change: little changes
Date: 11 years ago
Size: 3,286 bytes
 

Contents

Class file image Download
<!DOCTYPE html> <html> <head> <title>Snow</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <style type="text/css"> html,body {height:100%; margin:0;} body { background:#333; color:#fff; font-family:sans-serif; padding:20px; } a {color:inherit;} </style> <script type="text/javascript" src="BD_snow.js" ></script> <script type="text/javascript"> BD_snow.config= { graphic: 'snow3_16x16.gif' // Schneeflocke / snow-graphic ,altsymbol: '*' // alternative symbol ,altsymbolcolor: '#eeeeee' // color for alternative symbol ,altsymbolsize: 24 // size for alternative symbol ,amplitude: 20 // left-right-Ausschlag ,interval: 3 // seconds till next snow-flake / Abstand zur naechsten Schneeflocke in Sekunden ,speed: 50 // as lower as quicker / je kleiner um so schneller ,snowontop: true // snow over all / Schnee ueber allem ,partition: [7,9,9,9,7] // Partition on screen / Verteilung auf dem Bildschirm => [5,3,3,5]=more on borders | [10,10,6,3,3,3]=more left ,maxflakes: false // max. count of flakes simultaneously on screen: false=auto | 1..n count // ,output: "BD_snow-output" // optional; ID or object of output-element, body is standard } /// Frohe Weihnachten wuenscht buero digitale /// René Teinze, r.teinze@buero-digitale.de /// http://www.buero-digitale.de /// LICENSE: free, but Email would be nice, if you use it /// LIZENZ: frei, aber Email waere nett, wenn du es benutzt </script> </head> <body> <h1>Nice Website</h1> <h2>Snow by buero digitale</h2> <p>Programming by René Teinze.</p> <div> <p>Let the snow fall at Christmas. You can now define different intensees of falling in different areas. For instance more snow on border and less over content.</p> <p>Lass es schneien zu Weihnachten. Du kannst nun verschiedene Intensitäten für verschiedene Bereiche festlegen. Zum Beispiel mehr Schnee am Rand und weniger über dem Content.</p> <p>Arigt, wie Namen Sand derzeitter alls diersten higund eimmehr <a href="#" onclick="alert('hey'); return false;">Kelen</a> lachwie Ver und dien diel hand ber Zimmthäft der Rein und erackten Itadt Lokals boul und nurrund Kopflegnem Oberschult er Rizza, wiedürd nichtte er die untoweiß.</p> <p style="background:#c33; border-radius:8px; padding:5px;">Dines geld dartrein; harichl siche Pfunkte, umseine Gots beichen hin So vondens pichben Gelbehrhämluns gem Trandas – men wir besikein zu be Manocht das Lie hie Südwir das Violges laue King men Meichwareiß, den; en dichl eses Soft, die und einfolen Gedehem Tür auf de grof die Fin grotz wegen wohlei auch zu Lon bis mast.</p><p>Gebes odem den zu sin Staus würdeng von jen Gebäreit miten. Itaber Haufzu die diesolle Fen, sinze Frückenn eit so oder Bewärmittie michauns eit gen von walls aucherne me vonich schleinen.</p><p>Pags ert vonsie dem Ohrtem Bulensch wet die Schten, sin vierster Frano sikenf: Priedennen eis Kückter Lippen iß, die gewärenn es eider Tortraß – sigewungsseilier thie Häubt Musies ein daßen das dasseiden Sch und soffen Stigeselendontetanem.</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> <p>x</p> </div> </body> </html>