Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17385
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Fade em div até apagar

04-06-2007 21:55

Esse é um script onde ao clicar em um botão dentro da div, a mesma vai fazendo um fade até sumir.

<script language="JavaScript">   // valor inicial do filtro no div valor = 100;   function esconder_div() {   // a cada refresh na função diminui 1% no filtro valor=valor-1;   // quando o valor chegar a 9, esconde a div if(valor == 9) { valor = 1; document.getElementById("div").style.display="none"; return false; }   // 1 é o tempo em milisegundos de atualização do fade setTimeout("esconder_div()", 1);   document.getElementById("div").style.filter = "alpha(opacity="+valor+");"; document.getElementById("div").style.opacity = "."+valor+"";   }   </script>


<div id="div" style="float:left; filter:alpha(opacity=100); -moz-opacity:.99; opacity:99;"> <table style="border:1px solid #cccccc;font-family:verdana;font-size:8pt;color:#000000;"> <tr> <td align="center"> CONTEÚDO QUALQUER <br> <a href="#" onClick="esconder_div()">Fechar</a> </td></tr></table> </div>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado