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


Moderador: web

 

mostra/esconder divs

10-07-2007 23:56

lendo esse tópico do site viewtopic.php?t=880

adorei e gostaria com movimento, axei iso aqui

http://wiki.script.aculo.us/scriptaculo ... ect.toggle

mas o problema é que com isse segundo tem que chamar 2 códigos que são gigantescos, deixando muito pesado o site e demorando bastante pra abrir, tem como dar esses efeitos com um script menor?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17721
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

mostra/esconder divs

11-07-2007 17:26

Um efeito parecido seria esse

<script language="javascript"> function muda(divs) { div = divs; if(document.getElementById(div).style.visibility=='visible') { setTimeout("movimento('200',div)", 100) setTimeout("movimento('150',div)", 200) setTimeout("movimento('100',div)", 300) setTimeout("movimento('50',div)", 400) setTimeout("movimento('10',div)", 500) setTimeout("movimento('1',div)", 600) setTimeout("document.getElementById(div).style.visibility='hidden'", 700) } else {                 setTimeout("document.getElementById(div).style.visibility='visible'", 100) setTimeout("movimento('1',div)", 200) setTimeout("movimento('10',div)", 300) setTimeout("movimento('50',div)", 400) setTimeout("movimento('100',div)", 500) setTimeout("movimento('150',div)", 600) setTimeout("movimento('200',div)", 700) } } function movimento(dist,objeto) { document.getElementById(objeto).style.height=''+ dist +'px'; } </script>


<a href="javascript:muda('conteudo')">link</a> <div id="conteudo" style="visibility: visible; width:200px; height:200px; background-color:#cccccc;"> conteúdo </div>

0
A melhor hospedagem para o seu site HostGator!
 
 

mostra/esconder divs

11-07-2007 21:39

só que me surgiu uma dúvida

eu precisava dele "fechado" e o link abaixo, mas se eu deixo o link abaixo e ele invisivel me acontece que fica um espação em branco, como resolver?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17721
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

mostra/esconder divs

11-07-2007 21:43

O link vai ficar embaixo do div e quando clicado o div expande?

Se for isso, usa o código abaixo, fiz uma correção nele porque o conteúdo estava dando um erro na abertura.

<script> function muda(divs,textos) { div = divs; texto = textos; if(document.getElementById(div).style.display=='block') { setTimeout("movimento('200',div)", 50) setTimeout("movimento('180',div)", 100) setTimeout("movimento('150',div)", 150) setTimeout("movimento('120',div)", 200) setTimeout("movimento('90',div)", 250) setTimeout("movimento('60',div)", 300) setTimeout("movimento('30',div)", 350) setTimeout("movimento('1',div)", 400) setTimeout("document.getElementById(div).style.display='none'", 401) setTimeout("document.getElementById(texto).style.display='none'", 402) } else {                 setTimeout("document.getElementById(div).style.display='block'", 1) setTimeout("movimento('1',div)", 50) setTimeout("movimento('30',div)", 100) setTimeout("movimento('60',div)", 150) setTimeout("movimento('90',div)", 200) setTimeout("movimento('120',div)", 250) setTimeout("movimento('150',div)", 300) setTimeout("movimento('180',div)", 350)   setTimeout("movimento('200',div)", 400) setTimeout("document.getElementById(texto).style.display='block'", 401) } } function movimento(dist,objeto) { document.getElementById(objeto).style.height=''+ dist +'px'; } </script>


<div id="conteudo" style="display:none; width:200px; height:0px; background-color:#cccccc;"> <div id="conteudo_1" style="display:none;"> abc<br>abc<br>abc<br>abc<br> </div> </div> <a href="javascript:muda('conteudo','conteudo_1')">link</a>

0
A melhor hospedagem para o seu site HostGator!
 

mostra/esconder divs

12-07-2007 08:53

MUUUUUUUUUUUUUUUITO bom, sabe que eu nem tinha pensado nisso, mas agora já sei, valeu web

(L)

=**
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17721
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

mostra/esconder divs

12-07-2007 09:52

:)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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