efeito Neve

luchhozito

Power Member
boas pessoal,eu tenho uma pagina em html , e como altura Natal esta chegar , queria saber se é possivel por algum efeito neve no meu website , tipo flocos neve cair ou isso .

abraços
 
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>

<script language="javascript">
snow = true; // false-rain; true-snow
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 10 //How many drops/snowflakes?


if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>

:)
 
eu tenho um codigo em javascript que faz um efeito fixe, mas tipo queria saber se ha possibilidade de a neve nao cair na vertical como esta neste momento mas sim cair na meia "eskinada" ou seja tipo diagonal , quer dizer diagonal e um bocado na vertical

abraços
 
eu tenho um codigo em javascript que faz um efeito fixe, mas tipo queria saber se ha possibilidade de a neve nao cair na vertical como esta neste momento mas sim cair na meia "eskinada" ou seja tipo diagonal , quer dizer diagonal e um bocado na vertical

abraços

Em vez de pores o deslocamento só em x, metes tb em y....
 
<script language="JavaScript1.2">



// Altere a linha abaixo com a URL da sua imagem da neve.

var snowsrc="d:/sitemoreira/imagens/neve.gif"

// Altere a linha abaixo com o número da qtd de neves que aparecerá juntas.

var no = 20;



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 = 0; // set coordinate variables

xp = Math.random()*(doc_width-50); // set position variables

yp = Math.random()*doc_height;

am = Math.random()*20; // set amplitude variables

stx = 0.02 + Math.random()/10; // set step variables

sty = 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://www.casadoswebmasters.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||ns6up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.casadoswebmasters.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 += sty;

if (yp > doc_height-50) {

xp = Math.random()*(doc_width-am-30);

yp = 0;

stx = 0.02 + Math.random()/10;

sty = 0.7 + Math.random();

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

dx += stx;

document.layers["dot"+i].top = yp;

document.layers["dot"+i].left = xp + am*Math.sin(dx);

}

setTimeout("snowNS()", 10);

}



function snowIE_NS6() { // IE and NS6 main animation function

for (i = 0; i < no; ++ i) { // iterate for every dot

yp += sty;

if (yp > doc_height-50) {

xp = Math.random()*(doc_width-am-30);

yp =0;

stx = 0.02 + Math.random()/10;

sty = 0.7 + Math.random();

doc_width = ns6up?window.innerWidth : document.body.clientWidth;

doc_height = ns6up?window.innerHeight : document.body.clientHeight;

}

dx += stx;

if (ie4up){

document.all["dot"+i].style.pixelTop = yp;

document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);

}

else if (ns6up){

document.getElementById("dot"+i).style.top=yp;

document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx);

}

}

setTimeout("snowIE_NS6()", 10);

}



if (ns4up) {

snowNS();

} else if (ie4up||ns6up) {

snowIE_NS6();

}



/*

*/

</script>

Assim e o codigo que tenho e a neve cai so mento na vertical , eu keria que caisse na um bocado tb na diagonal .
 
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>

<script language="javascript">
snow = true; // false-rain; true-snow
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 10 //How many drops/snowflakes?


if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>

Gostava de saber em que parte se mete este codigo, no head no body ou od... lol sou mt noob em html!
 
usa CSS, body, p, div, table, h1, h2, h3, h4, li, a, form { color: #fff; background-color: #fff }

Fica tipo a serra da estrela, um NEVÃO

No head, penso eu
 
podiam-me dizer onde posso colocar o codigo para ter o efeito de neve

<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>

<script language="javascript">
snow = true; // false-rain; true-snow
snowsym = " * " //These are the symbols for each
rainsym = " C:\Documents and Settings\Nuno Faleiro\My Documents\site novo bilhares.cm\menus\Nº3\Images\flocodeneve1.png " //You can put images here.
howmany = 10 //How many drops/snowflakes?


if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>



gostava de saber onde coloco este codigo para ter este efeito de neve

obrigado
 
Efeito de neve!Script para usar no Flash criando um Movie Clip ("shape redonda"), o tamanho que definires!
Os valores que estão no Script a serem modificados consuante a medida do "filme":

onClipEvent (load)
{
width = 550;
height = 350;
this._xscale = this._yscale = 50 + Math.random() * 100;
this._alpha = 20 + Math.random() * 50;
this._x = -width + Math.random() * (3 * width);
this._y = -10 + Math.random() * height;
i = 1 + Math.random() * 2;
k = -3.141593 + Math.random() * 3.141593;
rad = 0;
}
onClipEvent (enterFrame)
{
rad = rad + k / 180 * 3.141593;
xmovement = 250;
this._x = this._x - (Math.cos(rad) + (xmovement - width / 2) / 50);
this._y = this._y + i;
if (this._x > width + 50)
{
this._x = -45;
this._y = Math.random() * height * 2;
} // end if
if (this._x < -50)
{
this._x = width + 45;
this._y = Math.random() * height * 2;
} // end if
if (this._y >= height)
{
this._y = -50;
this._x = -width + Math.random() * (3 * width);
} // end if
}
 
Back
Topo