[Script] [suche] schnee script

Dieses Thema im Forum "Webentwicklung" wurde erstellt von ACDC-Rules, 1. November 2007 .

Schlagworte:
  1. 1. November 2007
    [suche] schnee script

    Hallo leute bedanke mich schon mkal für hilfreiche antworten:]

    ich suche ein script oder mehrere !
    das sollte schnee auf die HomePage briengen da ja jetzt dann die weinachzzeit kommt
    hoffe ich bin im richtigen abteil wenn nicht bitte ich die mods es zu moven danke und einen schönen abend wünsche ich noch :]

    MfG ACDC-Rules
     
  2. 1. November 2007
    AW: [suche] schnee script

    ~moved~

    Ich wette du musst hier aber einfach nur mal suchen da findeste was!


    Knusperkeks
     
  3. 2. November 2007
    AW: [suche] schnee script

    ich hab mal was geschrieben.

    HTML:
    <html>
    <head>
    <script type="text/javascript">
     var snow = {
     flake : '*', //was soll als schnee angezeigt werden
     display : 10, //wie viele flocken auf einmal
     fall : 1, //wie schnell sollen sie fallen
     color : '#ffffff', //farbe der flocken
     
     //ab hier nichts mehr ändern!
     body : '',
     cflakes : new Array(),
     winHeight : '',
     winWidth : '',
     o : 1,
     
     start : function() {
     this.body = document.getElementsByTagName('body')[0];
     this.createFlakes();
     this.getWinSize();
     this.appendFlakes();
     },
     
     createFlakes : function() {
     for(var i = 0; i < this.display; i++) {
     var e = document.createElement('span');
     e.style.cssText = 'position: absolute; font-weight: bold; color:'+ this.color +';';
     e.appendChild(document.createTextNode(this.flake));
     this.cflakes[this.cflakes.length] = e;
     }
     },
     
     getWinSize : function() {
     if(window.innerWidth) {
     this.winHeight = window.innerHeight;
     this.winWidth = window.innerWidth;
     } else if(document.documentElement.clientWidth) {
     this.winHeight = document.documentElement.clientHeight;
     this.winWidth = document.documentElement.clientWidth;
     } else {
     this.winHeight = this.body.clientHeight;
     this.winWidth = this.body.clientWidth;
     }
     
     this.winWidth = this.winWidth - 20;
     this.winHeight = this.winHeight - 20;
     },
     
     getRandomInt : function() {
     var i = String(Math.random());
     return i.substr(4, 3);
     },
     
     appendFlakes : function() {
     for(i in this.cflakes) {
     this.body.appendChild(this.cflakes[i]);
     this.cflakes[i].style.left = this.getRandomInt() + 'px';
     this.cflakes[i].style.top = this.getRandomInt() + 'px';
     }
     
     this.intervalFlakes();
     },
     
     intervalFlakes : function() {
     window.setInterval(''
     + 'for(n in snow.cflakes) {\n'
     + 'if(parseInt(snow.cflakes[n].style.top) >= snow.winHeight) {\n'
     + '\tsnow.cflakes[n].style.top = "1px"\n;'
     + '} else {\n'
     + '\tvar top = parseInt(snow.cflakes[n].style.top) + 1;'
     + '\tsnow.cflakes[n].style.top = top + "px";\n'
     + '}\n'
     + 'var left = parseInt(snow.cflakes[n].style.left);\n'
     + 'if((left + 1) > snow.winWidth) left = 1;\n'
     + 'else left++;\n'
     + 'snow.cflakes[n].style.left = left + "px";\n'
     + '}'
     , this.fall
     );
     }
     }
    </script>
    </head>
    <body style="background: #000000;">
    <span style="color: #ffffff;">schnee!!</span>
    <script type="text/javascript">snow.start();</script>
    </body>
    </html>
    
    und so sieht das aus: http://murdoc.freeweb7.com/schnee.html
    geht im ie und mozilla (im ie a weng besser)
     
  4. 2. November 2007
    AW: [suche] schnee script

    Allgmein würde ich dir aber ehr von solchen Scripts abraten oder sie nur in bestimten Bereichen der Webseite, zum Beispiel im Header, einsetzen. Ich persönlich finde es ehr nevig, wenn Schnee über einen Text fliegt, den ich lesen möchte. Außerdem geht das ganze sehr stark auf die CPU (bei mir bis zu 50% last, normalerweise liegt Firefox bei 6-8%.
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.