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


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17635
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 de figura

04-06-2007 19:44

Esse é um script, onde você pode passar o caminho para figura pelo link, ao clicar, o valor é inserido em um div com um fade in.

<script language="JavaScript"> // valor inicial do filtro no div valor = 10; function mostrar_div(conteudo) { retorno = conteudo; // a cada refresh na função aumenta 5% no filtro valor=valor+5; // quando o div estiver carregado, para if(valor == 100) { valor = 0; return false; } // 1 é o tempo em milisegundos de atualização do fade setTimeout("mostrar_div(retorno)", 1); document.getElementById("figura").style.filter = "alpha(opacity="+valor+");"; document.getElementById("figura").style.opacity = "."+valor+""; document.getElementById("figura").innerHTML = "<img src='"+retorno+"'>"; } </script> <a href="#" onClick="mostrar_div('umafigura.gif');">mostra</a> <a href="#" onClick="mostrar_div('outrafigura.gif');">mostra</a> <div id="figura" style="float:left; filter:alpha(opacity=0); -moz-opacity:0; opacity:.0;"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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