Tooltip con efecto de scrolling en el texto.
| Descripción del ejemplo JavaScript
El Script tiene una función que es llamada desde el evento onMouseover (cuando paramos el puntero del mouse sobre el texto del enlace). Mediante la propiedad innerHTML del objeto tooltip2 insertamos la etiqueta <MARQUEE> con las propiedades que queramos y colocamos la variable Texto que contiene el mensaje a mostrar.
Debido a que el efecto de scrolling en el texto se produce por el uso de la etiqueta <MARQUEE>, podemos modificar la dirección, efecto, repeticiones del efecto, velocidad, etc., es decir, todas las propiedades que soporta esta etiqueta. Las propiedades más interesantes que podemos utilizar, con sus posible valores, son:
behavior: Tipo de efecto en el texto.- Valores posibles: alternate - scroll - slide
direction: Dirección del texto en la ventana- Valores posibles: down - left - right - up
loop: Número de repeticiones- Valores posibles: número entero positivo. (-1)=infinito
El Script también controla la posición de la ventanita que muestra el texto con el efecto aplicado con <MARQUEE>. Para esto utilizamos la propiedad pixelLeft y pixelTop del objeto tooltip2 y le pasamos el valor scrollLeft+10 y scrollTopt+10 respectivamente. El número (10) seguido del símbolo + indica cuantos pixeles debe desplazarse la ventana desde el enlace. Podemos cambiar este valor por el que queramos.
Por último solo nos queda mostrar el objeto que contiene el texto con el efecto deseado. Esto lo hacemos con la propiedad visibility y su valor visible.
La otra función nos sirve para ocultar el objeto toolTip2 ante el evento onMouseout del objeto. En este caso utilizamos el valor hidden de la propiedad visibility.
Información relativa al Script
Ejemplo JavaScript para crear un tooltip con efecto de scrolling en el texto.
Código fuente del script:
