Tooltip em forma de Letreiro

Com este código é possível criar um ToolTip (também conhecido como Hint) com efeito de Letreiro (Marquee).
Este Script é de fácil implementação e customização para qualquer tipo de site na internet.

<!----------começa aqui------->
<SCRIPT language=JavaScript>
<!--
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.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
// -->
</SCRIPT>

<DIV id=tooltip2 style="Z-INDEX: 10; VISIBILITY: hidden; WIDTH: 223; CLIP: rect(0px 150px 50px 0px); POSITION: absolute; BACKGROUND-COLOR: #3366cc; left:10; top:63; height:19"></DIV>
<DIV onmouseover="showtip2(this,event,'Codigo fonte o melhor conteudo para programadores');" style="CURSOR: hand" onmouseout=hidetip2(); align=center name="divTest">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD colSpan=7><IMG src="http://www.codigofonte.com.br/img/logo.gif" border=0></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<!----------termina aqui------->

0 comentários: