Makee72
snow script
Lumisade kotisivuille
Tässä java scripti millä saat lumisateen kotisivuillesi,näistä voit valita mieluisesi.
Tai voit vaihto ehtoisesti käyttää muunlaisia kuvia.
Lataa haluamasi kuva klikkaamalla sitä hiiren oikealla ja valitsemalla "Tallenna kuva nimellä.."
Kun olet valinnut haluamasi kuvan siirrä se palvelimellesi.
Javascript-koodi on yhdessä erillisessä tiedostossa,luo tiedosto vaikka nimellä snow.js
Eli avaa notepad(muistio) ja nimeä se snow.js
huom:muista muuttaa tiedosto pääte .txt tuohon .js päätteeksi.
Kopioi ja tallenna tämä koodi sinne snow.js tiedostoon.
var SNOW_Picture = "snow.gif"
var SNOW_no = 15;
var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;
var SNOW_Time;
var SNOW_dx, SNOW_xp, SNOW_yp;
var SNOW_am, SNOW_stx, SNOW_sty;
var i, SNOW_Browser_Width, SNOW_Browser_Height;
if (SNOW_browser_IE_NS)
{
SNOW_Browser_Width = document.body.clientWidth;
SNOW_Browser_Height = document.body.clientHeight;
}
else if (SNOW_browser_MOZ)
{
SNOW_Browser_Width = self.innerWidth - 20;
SNOW_Browser_Height = self.innerHeight;
}
else if (SNOW_browser_IE7)
{
SNOW_Browser_Width = document.documentElement.clientWidth;
SNOW_Browser_Height = document.documentElement.clientHeight;
}
SNOW_dx = new Array();
SNOW_xp = new Array();
SNOW_yp = new Array();
SNOW_am = new Array();
SNOW_stx = new Array();
SNOW_sty = new Array();
for (i = 0; i < SNOW_no; ++ i)
{
SNOW_dx[i] = 0;
SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-50);
SNOW_yp[i] = Math.random()*SNOW_Browser_Height;
SNOW_am[i] = Math.random()*20;
SNOW_stx[i] = 0.02 + Math.random()/10;
SNOW_sty[i] = 0.7 + Math.random();
if (i == 0) document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\"><\/div>");
else document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\"><\/div>");
}
function SNOW_Weather()
{
for (i = 0; i < SNOW_no; ++ i)
{
SNOW_yp[i] += SNOW_sty[i];
if (SNOW_yp[i] > SNOW_Browser_Height-50)
{
SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30);
SNOW_yp[i] = 0;
SNOW_stx[i] = 0.02 + Math.random()/10;
SNOW_sty[i] = 0.7 + Math.random();
}
SNOW_dx[i] += SNOW_stx[i];
document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";
document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i] + SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";
}
SNOW_Time = setTimeout("SNOW_Weather()", 10);
}
SNOW_Weather();
var SNOW_Picture = "snow.gif" <-kohdassa laitat sen kuvan nimen ja polun minkä haluat näkyvän.
var SNOW_no = 15; <-kohdassa voit määrittää hiutaleiden määrän.
Ja jotta scripti toimii halutulla sivulla sinun täytyy lisätä tämä koodi sivuille missä haluat scriptin toimivan.
<script type="text/javascript" src="snow.js"></script>
Lisää koodi heti <body> osan jälkeen.
Eli src="snow.js" määritetään polku missä tallentamasi snow.js sijaitsee.