Snöflingor - Bild

Låt en bild singla ner över sidan. Här är två exempel med snö och singlande nallar... Du kan förstås välja vad du vill. Byt bara ut bilden mot din egen.

Scriptet fungerar i: Internet Explorer, Netscape, Mozilla och Opera.


Exempel 1 - öppnas i eget fönster.

Exempel 2 - öppnas i eget fönster.


Följ det enkla steget nedan för att installera scriptet.


Steg 1


Lägg följande kod mellan <body> och </body> - direkt efter taggen <body>.



<script language="JavaScript1.2">

/********************************************************************************************************************
Snow Effect Script
Copyright © 1999 Altan ( snow@altan.hr http://www.altan.hr/snow/index.html )
This JavaScript code can be freely redistributed as long as this copyright notice is kept unchanged.
This code is used on AS-IS basis and you use it on your own risk.
********************************************************************************************************************/

<!-- Begin

    var snowsrc="snow.gif" // Bildens namn och ev sökväg
    var no = 10; // Antal singlande flingor

    var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
    var ie4up = (document.all) ? 1 : 0;
    var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    var dx, xp, yp;    // coordinate and position variables
    var am, stx, sty;  // amplitude and step variables
    var i, doc_width = 800, doc_height = 600;

    if (ns4up||ns6up) {
      doc_width = self.innerWidth;
      doc_height = self.innerHeight;
    } else if (ie4up) {
      doc_width = document.body.clientWidth;
      doc_height = document.body.clientHeight;
    }

    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();

    for (i = 0; i < no; ++ i) {
      dx[i] = 0;                        // set coordinate variables
      xp[i] = Math.random()*(doc_width-50);  // set position variables
      yp[i] = Math.random()*doc_height;
      am[i] = Math.random()*20;         // set amplitude variables
      stx[i] = 0.02 + Math.random()/10; // set step variables
      sty[i] = 0.7 + Math.random();     // set step variables
    if (ns4up) {                      // set layers
    if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
    } else {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
    }
    } else if (ie4up||ns6up) {
    if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
    } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
    }
    }
    }

    function snowNS() {  // Netscape main animation function
    for (i = 0; i < no; ++ i) {  // iterate for every dot
        yp[i] += sty[i];
        if (yp[i] > doc_height-50) {
          xp[i] = Math.random()*(doc_width-am[i]-30);
          yp[i] = 0;
          stx[i] = 0.02 + Math.random()/10;
          sty[i] = 0.7 + Math.random();
          doc_width = self.innerWidth;
          doc_height = self.innerHeight;
      }
        dx[i] += stx[i];
        document.layers["dot"+i].top = yp[i];
        document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
      }
      setTimeout("snowNS()", 10);
      }

    function snowIE_NS6() {  // IE and NS6 main animation function
      for (i = 0; i < no; ++ i) {  // iterate for every dot
        yp[i] += sty[i];
        if (yp[i] > doc_height-50) {
          xp[i] = Math.random()*(doc_width-am[i]-30);
          yp[i] = 0;
          stx[i] = 0.02 + Math.random()/10;
          sty[i] = 0.7 + Math.random();
          doc_width = ns6up?window.innerWidth : document.body.clientWidth;
          doc_height = ns6up?window.innerHeight : document.body.clientHeight;
        }
        dx[i] += stx[i];
        if (ie4up){
        document.all["dot"+i].style.pixelTop = yp[i];
        document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
        }
        else if (ns6up){
        document.getElementById("dot"+i).style.top=yp[i];
        document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
        }
      }
      setTimeout("snowIE_NS6()", 10);
    }

    if (ns4up) {
      snowNS();
    } else if (ie4up||ns6up) {
      snowIE_NS6();
    }

 // End -->
</script>


•  Markera och kopiera texten i rutan ovan. Klistra sedan in den på din sida.
•  De värden i scriptet som är lätta att ändra är skrivna med rött med förklaring i grönt.
•  Bilderna i exemplen är original och får gärna användas! Högerklicka och spara!


      


•  Glöm inte att ladda upp bilden i rätt mapp på din server.



Det här scriptet är skrivet av Altan.
Om du vill använda scriptet MÅSTE du låta copyright-noteringen stå kvar! Besök hans sida på www.altan.hr.