1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

efeito Neve

Discussão em 'Web Development' iniciada por luchhozito, 14 de Novembro de 2006. (Respostas: 18; Visualizações: 9298)

  1. luchhozito

    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
     
  2. Mitnick

    Mitnick Power Member

    e possivel fazeres isso com javascript.
     
  3. gendo

    gendo I'm cool cuz I Fold

    :)
     
  4. cold

    cold Power Member

    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
     
  5. Simao

    Simao Power Member

    Em vez de pores o deslocamento só em x, metes tb em y....
     
  6. cold

    cold Power Member

    obrigado simao, vou tentar :P
     
  7. luchhozito

    luchhozito Power Member

    <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[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();

    }



    /*

    */

    </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 .[/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i]
     
  8. OldMan

    OldMan Power Member

    era ao contrario :P
    x-horizontal
    y-vertical
     
  9. Simao

    Simao Power Member

    Depende do referencial :P
     
  10. OldMan

    OldMan Power Member

    <opel>C'MON!!</opel> ;)
     
  11. Dark Fenix

    Dark Fenix Power Member

    Gostava de saber em que parte se mete este codigo, no head no body ou od... lol sou mt noob em html!
     
  12. artideias

    artideias Power Member

    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
     
  13. Dashed

    Dashed Power Member

    Este é o melhor efeito de neve que já vi. ;)
     
  14. gendo

    gendo I'm cool cuz I Fold

    Muito fixe! de facto não tem nada a ver com os outros efeitos de neve que por aí andam!
     
  15. 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
     
  16. Módulo Drupal

    Desenvolvi um módulo para o Drupal que instala automaticamente o efeito neve.

    Abraços,
    introfini
     
    Última edição pelo moderador: 28 de Janeiro de 2008
  17. MKPlus

    MKPlus Power Member

    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
    }
     
  18. mpLopes

    mpLopes Power Member

    Funciona com todos os browsers?
    Testei no Firefox e no Safari em Mac e está 5 estrelas.
    No firefox e no internet explorer em windows, nada..:s
     
    Última edição pelo moderador: 28 de Janeiro de 2008

Partilhar esta Página