Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/04/2009, 13:11
Avatar de TonyChile
TonyChile
 
Fecha de Ingreso: marzo-2009
Ubicación: Maipú, Santiago
Mensajes: 422
Antigüedad: 15 años, 9 meses
Puntos: 7
Respuesta: Mensaje de descripción onmouseover

Yo uso algo parecido mira pero el efecto es distinto ya que aparece una caja en donde salen las letras con un efecto desde izquierda a derecha el codigo que debes poner es:

Esto antes del <html>
Código javascript:
Ver original
  1. <SCRIPT LANGUAGE="JavaScript">
  2.  
  3. function showtip2(current,e,text){
  4. if (document.all&&document.readyState=="complete"){
  5. document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
  6. document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
  7. document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
  8. document.all.tooltip2.style.visibility="visible"
  9. }
  10. else if (document.layers){
  11. document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
  12. document.tooltip2.document.nstip.document.close()
  13. document.tooltip2.document.nstip.left=0
  14. currentscroll=setInterval("scrolltip()",100)
  15. document.tooltip2.left=e.pageX+10
  16. document.tooltip2.top=e.pageY+10
  17. document.tooltip2.visibility="show"
  18. }
  19. }
  20. function hidetip2(){
  21. if (document.all)
  22. document.all.tooltip2.style.visibility="hidden"
  23. else if (document.layers){
  24. clearInterval(currentscroll)
  25. document.tooltip2.visibility="hidden"
  26. }
  27. }
  28. </script>

esto en el body asi:
Código asp:
Ver original
  1. <body>
  2. <div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:#CCCCCC;z-index:10"></div>

y despues solo lo debes poner donde lo necesites mostrar de la siguiente forma por ejemplo asi dentro de una caja de texto o en un boton como quieras:

Código asp:
Ver original
  1. <tr>
  2.       <td width="38%" nowrap class="Estilo7">Notas:</td>
  3.       <td colspan="2">
  4.            <input name="Nombre del campo text(en este caso)" size="25" maxlength="200"  onMouseover="showtip2(this,event,'Permite ingresar datos extras que no se encuentran en las otras opciones');" onMouseout="hidetip2();" STYLE="cursor: hand"><BR>      
  5.       </td>
  6.   </tr>

espero te sirva