Sne på website

<SCRIPT LANGUAGE=\"JavaScript1.2\">

/*
Snow Effect Script
Created and submitted by Altan d.o.o. (snow@altan.hr,  http://www.altan.hr/snow/index.html)
Permission granted to Dynamicdrive.com to feature script in archive
For full source code and installation instructions to this script, visit http://dynamicdrive.com
*/
 

  //Configure below to change URL path to the snow image
  var snowsrc=\"snow.gif\"
  // Configure below to change number of snow to render
  var no = 10;

  var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
  var ie4up = (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 = 540;
 
  if (ns4up) {
    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\\\"><a href=\\\"http://dynamicdrive.com/\\\"><img src=\'\"+snowsrc+\"\' border=\\\"0\\\"></a></layer>\");
      } else {
        document.write(\"<layer name=\\\"dot\"+ i +\"\\\" left=\\\"15\\\" top=\\\"15\\\" visibility=\\\"show\\\"><img src=\'\"+snowsrc+\"\' border=\\\"0\\\"></layer>\");
      }
    } else if (ie4up) {
      if (i == 0) {
        document.write(\"<div id=\\\"dot\"+ i +\"\\\" style=\\\"POSITION: absolute; Z-INDEX: \"+ i +\"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\\\"><a href=\\\"http://dynamicdrive.com\\\"><img src=\'\"+snowsrc+\"\' border=\\\"0\\\"></a></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() {  // IE 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 = document.body.clientWidth;
        doc_height = document.body.clientHeight;
      }
      dx[i] += stx[i];
      document.all[\"dot\"+i].style.pixelTop = yp[i];
      document.all[\"dot\"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    }
    setTimeout(\"snowIE()\", 10);
  }

  if (ns4up) {
    snowNS();
  } else if (ie4up) {
    snowIE();
  }

</SCRIPT>

Indsæt lige efter body tagget...

Du kan se koden in action her:
http://home1.stofanet.dk/oeberg/hlinks.htm

og så skal du fange et snefnug og gemme....

COB

Det ser godt ud cob, men kan jeg gøre sneen mere tæt, da den skal bruges i en navigationsframe?

Skal jeg placere snow.gif i roden på mit websted?

Du kan bare ændre i denne linie :
var snowsrc=\"snow.gif\"
så den sætter stien til snowsrc til det du skal bruge....
Hvis du vil gøre den mere tæt, så lave en søg og erstat på tallet 10 og erstat med f.eks. 50 så bliver den virkelig tæt.
Prøv evt. også at justere lidt på nogle andre tal, så kan det være at farten på fnuggene ændre sig...Go Jul.

e30: For at gøre sneen mere tæt, så ændrer du bare på var no = 10; og sætter tallet op. Dog vil jeg fraråde dig at sætte det alt for højt op, da det sløver PC\'en HELT VILDT hvis det er en langsom PC !!!

Snowball

Det vil dog være en god ide at det fortsat er muligt at se hvad der er på skærmen - altså bortset fra sne :-)

Tak for scriptet!

Og tak for alle øvrige svar!

Der er flere af slagsen hos http://dynamicdrive.com :-) enjoy

http://www.backslash.dk  <-- En lille flashting..

-Anders

Prøv også at tjekke denne side ud: http://www.spigots.com/snow.htm. Det er ærgeligt, hele det billede, man bruger, bliver dannet som link til denne side. Men det er STEMNINGSFULDT. På et stort billede drysser sneen lige så stille ned :o)

Stemningsfuldt ... ?
Med en voldsom blinkende reklame lige over ... nej vel!
Du mente selvfølgelige billedet - og ja, det ser ganske godt ud, men til hvad formål? - pop så det batter

repsac: Smag og behag kan aldrig diskutteres. Sne, der drysser stille og roligt ned er, for mig og en masse andre mennesker, meget stemningsfuldt.

Hvem snakker om voldsomt blinkende reklamer? Hvor er vi henne? Hvad sker der?

Hvis det snevejr bliver på for et lille billede, falder sneen for hurtigt. Sætter du det på et større billede, drysser det stille og roligt ned.