Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

-=Felipe=-

Botão ativa efeito

Por , em Javascript

Recommended Posts

-=Felipe=-    0

-=Felipe=-
Postado

Bom eu aqui no meu pc tenho varios efeitos em javascript, fogos estorando na tela, neve caindu...

GHostaria de saber se tem como ativar um desses efeitos ao clcia r no botão mais sem ter que recarregar a pagina novamente, Cliquei no botão e o efeito começa.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado

depende do código do efeito...

mas basicamente...

Com o botão você chamaria uma função que chamaria o código do efeito e suas funções...

<html>
<head>
<script>
function seuEfeito(){
    window.alert("oiç");
}
function seuoutroEfeito(){
    window.alert("tchauç");
}
</script>
</head>
<body>
<input type="button" onclick="seuEfeito()" value="efeito 1">
<input type="button" onclick="seuoutroEfeito()" value="efeito 2">
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

-=Felipe=-    0

-=Felipe=-
Postado

Funciono aqui mais quando clico no botão ele atualiza a pagina para que o efeito funcione e eu quero apenas que ative o efeito sem atualizar a pagina

Compartilhar este post

Link para o post
Compartilhar em outros sites

srnetcave    1

srnetcave
Postado

Estranho Felipe,

 

qual browser voce esta utilizando?

Compartilhar este post

Link para o post
Compartilhar em outros sites

srnetcave    1

srnetcave
Postado

Seu codigo esta como acima ou voce modificou?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado

Talvez seja algo do próprio código do seu efeito... coloque um ai de exemplo prá nós vermos...

Compartilhar este post

Link para o post
Compartilhar em outros sites

-=Felipe=-    0

-=Felipe=-
Postado

Esse efeito ai não fui eu que fiz eu peguei da internet. Ele faz com que alguma imagem caia na tela.

 

<body bgcolor = "black">
    <script language="JavaScript1.2">
      var snowsrc="URL DA IMAGEM"
      var no = 10;
      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[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://b-log.net/\"><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://b-log.net\"><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_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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado 

<html>
<head>
<script>
function seuEfeito(){
    window.alert("oiç");
}
function seuoutroEfeito(){
    window.alert("tchauç");
}
</script>
</head>
<body>
<input type="button" onclick="seuEfeito()" value="efeito 1">
<input type="button" onclick="seuoutroEfeito()" value="efeito 2">
</body>
</html>
Este é o código que postei anteriormente...

Você deve pegar somente a parte do seu código que esta dentro de <script language="Javascript1.2"> ou algo do tipo... e </script>

e colocar no lugar de window.alert("oiç");

PS: tem certeza que esse teu script funciona corretamente? Aqui no meu GC e IE os flocos ficaram parados...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado

Não tenho o mozilla no momento para testar...

mas usando sua suposição que no IE realmente eles fiquem parados...

 

<html>
<head>
<script>
function seuEfeito(){
    window.alert("oiç");
}
function seuoutroEfeito(){
    window.alert("tchauç");
}
</script>
</head>
<body>
<input type="button" onclick="seuEfeito()" value="efeito 1">
<input type="button" onclick="seuoutroEfeito()" value="efeito 2">
</body>
</html>

Este é o código que postei anteriormente...
Você deve pegar somente a parte do seu código que esta dentro de <script language="Javascript1.2"> ou algo do tipo... e </script>
e colocar no lugar de window.alert("oiç");
PS: tem certeza que esse teu script funciona corretamente? Aqui no meu GC e IE os flocos ficaram parados...
Funciona?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito