Sobre Menu o Display Animado
Os estilos para o menu

alex.com RJHost E-registros Serviços

Sobre Menu o Display Animado


<style> #tooltip2{ position: absolute; display: none; width: 350px; background-color: lightyellow; height: 20px; overflow:hidden; border: 1px solid black; } #nstip{ display: none; height: 200px; bgcolor:lightyellow; margin-left: 0px; } .tabela{ border-collapse: collapse; font-size: 10 pt; font-family: Verdana; color: #000080 } .tabela a{ font-family: verdana; font-size: 10pt } </style><br /> <script language="javascript"> if (!document.layers && !document.all){ event = 'test'; } function showtip2( current, e, text){ if (document.all && document.readyState == "complete" ){ document.all.tooltip2.innerHTML = '<marquee style="border:1px solid black">'+ text +'</marquee>'; document.all.tooltip2.style.pixelLeft = event.clientX + document.body.scrollLeft + 10; document.all.tooltip2.style.pixelTop = event.clientY + document.body.scrollTop + 10; document.all.tooltip2.style.display = 'block'; } else if ( document.getElementById ){ document.getElementById('nstip').innerHTML = '<b>'+ text +'</b>'; document.getElementById('nstip').style.marginLeft = '0px'; document.getElementById('nstip').style.display = 'block'; currentscroll = setInterval('scrolltip()',300); document.getElementById('tooltip2').style.left = e.pageX + 10; document.getElementById('tooltip2').style.top = e.pageY + 10; document.getElementById('tooltip2').style.display = 'block'; } } function hidetip2(){ if (document.all){ document.all.tooltip2.style.display = 'none'; }else if (document.getElementById){ clearInterval(currentscroll); document.getElementById('tooltip2').style.display = 'none'; document.getElementById('nstip').style.display = 'none'; } } function scrolltip(){ if ( parseInt( document.getElementById('nstip').style.marginLeft ) >= -(parseInt( document.getElementById('nstip').style.width )) ){ document.getElementById('nstip').style.marginLeft = (parseInt( document.getElementById('nstip').style.marginLeft ) - 5) + 'px'; }else{ document.getElementById('nstip').style.marginLeft = '152px'; } } </script><br /> <center><br /> <table border="0" cellpadding="0" cellspacing="0" class="tabela"><tbody> <tr> <td width="23%"><br /> <br /> <div id="tooltip2"><div id="nstip" style="width: 500px;"></div></div><br /> <br /> <br /> <br /> <br /> <a href=" COLOQUE AQUI O LINK DO SITE " onmouseout="hidetip2()" onmouseover="showtip2(this,event,' COLOQUE AQUI A FRASE DE TEXTO ')"> COLOQUE AQUI TEXTO 1 </a><br /> <a href="COLOQUE AQUI O LINK DO SITE" onmouseout="hidetip2()" onmouseover="showtip2(this,event,'COLOQUE AQUI A FRASE DE TEXTO')">COLOQUE AQUI TEXTO </a><br /> <a href="COLOQUE AQUI O LINK DO SITE" onmouseout="hidetip2()" onmouseover="showtip2(this,event,'COLOQUE AQUI A FRASE DE TEXTO')">COLOQUE AQUI TEXTO </a><br /> <a href="COLOQUE AQUI O LINK DO SITE" onmouseout="hidetip2()" onmouseover="showtip2(this,event,'COLOQUE AQUI A FRASE DE TEXTO')">COLOQUE AQUI TEXTO </a></td> </tr> </tbody></table></center>