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'; } ABRIFECHAabcabcabcabc aaaaaaaaaaaa Caixinha Link-meaaaaaaaaaaalink------------------------------------------------------------------------------------ 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 voce pode colocar o qualquer coisa!FECHAR | Ocultar a camada | Mostrar a camada 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'; } ABRIFECHAabcabcabcabc aaaaaaaaaaaa Caixinha Link-meaaaaaaaaaaalink------------------------------------------------------------------------------------ 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 voce pode colocar o qualquer coisa!FECHAR | Ocultar a camada | Mostrar a camada AADescricao da Imagem, isso e uma div e voce pode colocar o que quiser aqui! link site ao passar o mouse .tbox {position:absolute; display:none; padding:14px 17px; z-index:900}.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435}.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800}Aparecida .tbox {position:absolute; display:none; padding:14px 17px; z-index:900}.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435}.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800}TV Aparecida HD.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435}.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800}REDE GLOBOcoloque aqui link boxcoloque aqui link boxcoloque aqui link boxVOLTAR NO TOPO ul{ margin:0; padding:0; list-style:none; width:150px; border-bottom:0px solid#FF69B4; } ul li { position:relative; } li ul { position:absolute; left:0px; top:0; display:none; } ul li a { display:block; text-decoration:none; color #; background:#000000; padding:5px; border:1px solid #; border-bottom:0; } /*correcao \*/ *html ul li {float:left;} *html ul li a{height:1%;} /* fim da correcao*/ li:hover ul, li.over ul { display:block; } <! startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i = 0; i link site ao passar o mouse .tbox {position:absolute; display:none; padding:14px 17px; z-index:900}.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435}.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800}Aparecida .tbox {position:absolute; display:none; padding:14px 17px; z-index:900}.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435}.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800}TV Aparecida HD.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435}.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800}REDE GLOBOcoloque aqui link boxcoloque aqui link boxcoloque aqui link boxVOLTAR NO TOPO ul{ margin:0; padding:0; list-style:none; width:150px; border-bottom:0px solid#FF69B4; } ul li { position:relative; } li ul { position:absolute; left:0px; top:0; display:none; } ul li a