Al mover el puntero del ratón sobre el texto página web, una de dos cosas pueden pasar : nada o algo que llama la atención. Los desarrolladores web utilizan JavaScript y hojas de estilo para crear una variedad de efectos de rollover visuales que entretienen e informan a nosotros. Por ejemplo , moviendo el ratón sobre "Información " puede subrayar esa palabra. Esto permite a un usuario saber que podía haga clic en la palabra para más información. Cuando se usa con moderación y de manera apropiada , efectos de conversión de texto mejoran la experiencia de navegación , proporcionando información visual y dirigir la atención a importantes elementos de la página . CSS Hover Efectos
El texto simple efecto de sustitución no requiere codificación. Todos los navegadores son compatibles con al menos una variante de este estilo atributo Hoja de vuelo estacionario. Esta es una clase de "pseudo " . El código siguiente se agrega una pseudo clase a todos los enlaces de una página :
a.MyLinks : hover { color: blue ; background-color : red ; font- weight: bold ;}
Cuando el usuario mueve el ratón sobre un enlace , el enlace muestra las propiedades definidas en la definición de clase . Yahoo! Finanzas Javascript efectos
desarrolladores web
llamar a funciones de JavaScript para cambiar el aspecto de elementos de texto . Los elementos de texto incluyen párrafos , contenedores div y encabezados . Para llamar a una función de JavaScript cuando se produce un vuelco, referencia a la función en la etiqueta HTML del elemento de texto. La etiqueta siguiente llama a la función JavaScript " changeText " cuando el usuario mueve el ratón sobre el título:
Este es un título < /h> ;
la función JavaScript recibirá el título de elemento y cambiar su color, tamaño, fuente, otras propiedades de tipo texto y decoración . Muchos navegadores permiten JavaScript para modificar la opacidad y la transparencia de un elemento. Los desarrolladores también animar texto cambiando el valor de la ubicación del elemento de texto en el tiempo utilizando las funciones setInterval y setTimeOut .
Hotel Dom Efectos
desarrolladores web
utilizan el Modelo de objetos de documento (DOM ) para modificar los elementos de páginas web. Efectos de texto DOM requieren más código y conocimiento sobre web HTML , CSS y JavaScript . Uso de la DOM , los desarrolladores cambian la apariencia de un elemento de texto , la ubicación en la página , e incluso el contenido del texto. El comando " document.getElementById " es uno de los comandos más importantes para manipular el DOM. Utilice este comando para recuperar una referencia a un elemento de texto . Una vez recuperada, de cambiar las propiedades de DOM del elemento para lograr el efecto deseado . Por ejemplo , cambiar el contenido del texto mediante la modificación de la propiedad " innerHTML " del elemento . Cambiar la apariencia del elemento al cambiar la propiedad " outerHTML " .
