JavaScript

JavaScripti >> Efekti z ozadjem >> Snežinke #1

Opis:
Snežinke na spletni strani!

Primer:
Poglejte malo po spletni strani, pa boste videli snežinke :-)

Izvorna koda:

Korak 1 :
Ta del kode vstavite v <head> del strani:

<style> .snow {width:20; height:20; position:absolute} </style>

Korak 2:
Ta del kode vstavite v <body> del strani:

<script language="javascript"> var numberOfSnow = 20; // Number of flakes var numberOfType = 3; // Number of flake types var speed = 20; // Snow speed. Smaller = Faster var snowflake = new Array(numberOfType); snowflake[0] = "snezinka.gif"; snowflake[1] = "snezinka.gif"; snowflake[2] = "snezinka.gif"; var ie = (document.all) ? 1 : 0; var toRad = (Math.PI / 180); // Conversion factor for degrees to radians var dx = new Array(); var xPos = new Array(); var yPos = new Array(); var amplitude = new Array(); var stepX = new Array(); var stepY = new Array(); if (ie){ for (n = 0; n < numberOfSnow; n++) { dx[n] = 0; xPos[n] = Math.random()*(document.body.clientWidth-30); yPos[n] = Math.random()*document.body.clientHeight; amplitude[n] = Math.random()*20; stepX[n] = 4+4*Math.random(); stepY[n] = 0.8 + Math.random(); var which = Math.round(numberOfType * Math.random()+.5)-1; document.write("<div class='snow' ID=\"box"+n+"\"><p><img src=\""+snowflake[which]+"\"></p></div>"); } } function snow() { for (n = 0; n < numberOfSnow; n++) { // iterate for every dot yPos[n] += stepY[n]; if (yPos[n] > document.body.clientHeight-20) { xPos[n] = Math.random()*(document.body.clientWidth-amplitude[n]-30); yPos[n] = 0; stepX[n] = 4 + 4*Math.random(); stepY[n] = 0.8 + Math.random(); } dx[n] += stepX[n]; eval('box'+n).style.top = yPos[n]; eval('box'+n).style.left = xPos[n] + amplitude[n]*Math.sin(dx[n]*toRad); } setTimeout("snow()", speed); } if (ie) snow(); </script>

Korak 3:
V mapo, kjer boste imeli spletno stran s tem efektom skopirajte tudi to slikco:

SLIKCA==> <==SLIKCA