janela que abre e fecha, janela Mostrar a camada
Autor: alex | Publicado: 2015-04-25T21:16:00-03:00





    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';
    }
    

ABRI



FECHAabc
abc
abc
abc  
aaaaaaaaaaaa    
Caixinha Link-me
aaaaaaaaaaa

link
------------------------------------------------------------------------------------

   



 Efeitos com jQuery
 

$(document).ready(function(){
 $("#ocultar").click(function(event){
   event.preventDefault();
   $("#capaefectos").hide("slow");
 });
 
 $("#mostrar").click(function(event){
   event.preventDefault();
   $("#capaefectos").show(3000);
 });
});







  Camada de Efeitos
   
  Aqui você pode colocar o qualquer coisa!FECHAR | 

Ocultar a camada | 
Mostrar a camada  

























<textarea
    rows="5"
    cols="30"
    style="background-color: #FF0000; color: rgb(0, 0, 0);"
    wrap="soft">



    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';
    }
    

ABRI



FECHAabc
abc
abc
abc  
aaaaaaaaaaaa    
Caixinha Link-me
aaaaaaaaaaa

link
------------------------------------------------------------------------------------

   



 Efeitos com jQuery
 

$(document).ready(function(){
 $("#ocultar").click(function(event){
   event.preventDefault();
   $("#capaefectos").hide("slow");
 });
 
 $("#mostrar").click(function(event){
   event.preventDefault();
   $("#capaefectos").show(3000);
 });
});







  Camada de Efeitos
   
  Aqui você pode colocar o qualquer coisa!FECHAR | 

Ocultar a camada | 
Mostrar a camada