Efeito para menu em texto, no formato horizontal que expande e diminui o link automaticamente. Tambem possui efeito nos eventos OnMouseOver e OnMouseOut. Todo feito JavaScript e CSS.<!-comeca aqui-><HEAD><style type="text/css">.menulinks {position:relative;}#menucont a{color:#1E90FF; font-weight:bold; text-decoration:none;}#menucont a:hover{color:#ff0000; font-weight:bold; text-decoration:underline overline; text-transform: uppercase;}</style><SCRIPT LANGUAGE="JavaScript">nSpace=10 // espaco que as letras se afastamnSpeed=500 // velocidade da animacaotimerLSM=null;function LetterSpacingMenu() { if(document.getElementById){ lnks = Math.floor(Math.random()*lnk.length); letterSpacing = Math.floor(Math.random()*nSpace); lnk[lnks].style.letterSpacing = letterSpacing + "px"; timerLSM = setTimeout("LetterSpacingMenu()", nSpeed); }}function StopMenu() { if(document.getElementById) { clearTimeout(timerLSM); for(i=0;i<lnk.length;i++) lnk[i].style.letterSpacing = 0 + "px"; }}function LSMenuInit() { if(document.getElementById) { lnk = document.getElementById("menucont").getElementsByTagName("a"); cnt = document.getElementById("menucont"); cnt.style.textAlign= "center"; cnt.onmouseover=StopMenu; cnt.onmouseout=LetterSpacingMenu; LetterSpacingMenu(); }}onload=LSMenuInit;<!-- // --></script></HEAD><BODY><div id="menucont"> <a href="#" id="a1" class="menulinks" title="pagina 1"><font face=verdana size=1>pagina 1</a>&nbsp;|&nbsp; <a href="#" id="a2" class="menulinks" title="pagina 2">pagina 2</a>&nbsp;|&nbsp; <a href="#" id="a3" class="menulinks" title="pagina 3">pagina 3</a>&nbsp;|&nbsp; <a href="#" id="a4" class="menulinks" title="pagina 4">pagina 4</a>&nbsp;|&nbsp; <a href="#" id="a5" class="menulinks" title="pagina 5">pagina 5</a>&nbsp;|&nbsp; <a href="#" id="a6" class="menulinks" title="pagina 6">pagina 6</a></font></div><!-termina aqui-></head></body></html> Com este codigo e possivel criar um box flutuante (DIV) com efeito de entrada. Neste box e possivel adicionar qualquer tipo de conteudo.Excelente para inserir pecas publicitarias, avisos ao visitantes ou qualquer informacao.<HTML> <HEAD> <TITLE></TITLE> <STYLE> A.link:link {color: black; text-decoration: none} A.link:visited {color: black; text-decoration: none} A.link:active {color: black; text-decoration: none} A.link:hover {color: black; text-decoration : none;} </STYLE> <script language="JavaScript1.2"> var ie=document.all var dom=document.getElementById var ns4=document.layers var bouncelimit=32 //(must be divisible by 8) var direction="up" function initbox(){ if (!dom&&!ie&&!ns4) return crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin scroll_top=(ie)? document.body.scrollTop : window.pageYOffset crossobj.top=scroll_top-250 crossobj.visibility=(dom||ie)? "visible" : "show" dropstart=setInterval("dropin()",50) } function dropin(){ scroll_top=(ie)? document.body.scrollTop : window.pageYOffset if (parseInt(crossobj.top)<100+scroll_top) crossobj.top=parseInt(crossobj.top)+40 else{ clearInterval(dropstart) bouncestart=setInterval("bouncein()",50) } } function bouncein(){ crossobj.top=parseInt(crossobj.top)-bouncelimit if (bouncelimit<0) bouncelimit+=8 bouncelimit=bouncelimit*-1 if (bouncelimit==0){ clearInterval(bouncestart) } } function dismissbox(){ if (window.bouncestart) clearInterval(bouncestart) crossobj.visibility="hidden" } function get_cookie(Name) { var search = Name + "=" var returnvalue = "" if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset) if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function dropornot(){ if (get_cookie("droppedin")==""){ window.onload=initbox document.cookie="droppedin=yes" } } dropornot() function redo(){ bouncelimit=32 direction="up" initbox() } window.onload=initbox </script> </HEAD> <BODY> <div id="dropin" style="position:absolute;visibility:hidden;left:50;top:0;width:500;height:150;background-color:#F5F5F5"> <TABLE WIDTH="100%" HEIGHT="100%" BORDER="1" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="#000000"> <TR> <TD valign="top"><div align="right"><a class="link" href="javascript:dismissbox()"><FONT FACE="Verdana" SIZE="-2"><B>X</B></FONT></a>&nbsp;</div> <FONT FACE="Verdana" SIZE="-1" COLOR="DODGERBLUE"><B>&nbsp;script BigBoy</B></FONT><BR><FONT FACE="Verdana" ="-2"><B>BigBoy desing</B></FONSIZET> <BR><BR><FONT FACE="Verdana" SIZE="-2">&nbsp;Nesta janela, voce tem a possibilidade de adicionar os que quiser, imagens, texto, outros DIVs, Texto em RTF (Rich Text Format), alem de todas as tags HTML possiveis!</FONT></TD> </TR> </TABLE> </div> <A href="javascript:redo()">Cair janela novamente</A> </BODY></HTML> Painel Global - Monitoramento da Terra em Tempo Real"Monitoramento da Terra em tempo real de terremotos, furacoes, tempestades e outros eventos climaticos." O arquitecto Michael Reynolds, de 68 anos, tem construido, um pouco por todo o mundo, casas auto-suficientes edificadas com material reciclado. Garrafas, latas e, sobretudo, pneus velhos cheios de terra. Assim se constroem as Earthship, moradias que prometem garantir a sobrevivencia dos seus ocupantes mesmo nos piores cenarios.Adepto de um mundo mais limpo e preocupado com a devastacao ambiental desde os anos 70, o arquitecto norte-americano focou-se a desenvolver casas (ou maquinas, como prefere chamar-lhe) auto-suficientes em agua, energia, saneamento e alimentacao. O