Posteamelo

Este post sirve para las personas que trabajan tan sólo con HTML al hacer páginas web y que quieren incorporar un tipo simple de animación en sus sitios. Una solución fácil para hacer una animación con HTML es hacer uso de Marquee. ----------------------------------------------------------------- Encontraras unas especificaciones y consejos más detallados sobre la etiqueta ----------------------------------------------------------------- es una de esas etiquetas no estándar de HTML, que soportan los navegadores más comunes, pero que no están comprendidas dentro de las especificaciones de HTML, sirve para animar elementos dentro de la página. En concreto permite que el contenido que pongamos dentro de la etiqueta, ya sea texto, fotografías, o las dos cosas, se desplace horizontalmente por la página. ----------------------------------------------------------------- Desventajas de esta etiqueta Marquee no está comprendido en los estándar HTMLUtilizar Marquee puede tener problemas de accesibilidad, es decir, se puede hacer difícil de leer para determinadas personas con discapacidades.Si utilizas marquee en muchos lugares puede provocar confusión y marear al usuario. ----------------------------------------------------------------- Para utilizar marquee, simplemente colocamos dentro de la etiqueta los contenidos que queremos que se muevan, ya sean texto, imágenes o cualquier otro tipo de contenido. Algo como esto: texto que se mueve Pero también podríamos meter algo como esto:

Esta tabla se desplaza , con todo el contenido de la tabla

----------------------------------------------------------------- Marquee soporta una serie de atributos para modificar su comportamiento o su aspecto. Son los siguientes: //WIDTH Anchura de la marquesina. Si no marcamos altura, se colocará en la siguiente línea, como en un párrafo distinto. Si marcamos una anchura, la marquesina intentará mostrarse en la misma línea donde la hayamos colocado. Si no hay espacio para ella se realizará el consiguiente salto de línea para mostrarla un poco más abajo. //DIRECTION Hacia donde queremos que se displace el contenido del marquee. Los posibles valores son "LEFT" y "RIGHT". //BEHAVIOR Es el comportamiento de la marquesina, de entre los posibles: SCROLL (el comportamiento por defecto) indica que tiene que hacer el desplazamiento siempre en una misma dirección y ALTERNATE, que indica que el desplazamiento se hace a un lado y al otro de manera alternada. //SCROLLDELAY Es el tiempo en milisegundos que tiene que pasar entre cada cambio de la posición de lo que hay desplazándose. Es decir, cuanto mayor sea el valor, más milisegundos tardará la marquesina en moverse. El valor por defecto es 85, pero si por ejemplo ponemos un valor 500 la marquesina cambiará de estado (desplazará el contenido) cada medio segundo. //SCROLLAMOUNT Es la cantidad de pixel que tiene que desplazarse el contenido de la marquesina cada vez que se mueve. A mayor scrollamount, más se desplazará la marquesina en cada movimiento y por tanto la animación será más rápida. El valor por defecto es 6. Podemos probar a colocar un valor mayor y veremos que el movimiento será más "a golpes". //BGCOLOR El color de fondo de la marquesina. Acepta el nombre de un color HTML o bien un valor RGB de dicho color. //HSPACE y VSPACE Estos dos atributos sirven para definir el número de píxel que debe aparecer entre la marquesina y otros contenidos de la página, en horizontal y vertical. ----------------------------------------------------------------- Algunos ejemplos de marquee: Marquesina a la derecha y con ancho texto que se mueve ----------------------------------------------------------------- Puedes ver el ejemplo en marcha en una página aparte. -----------------------------------------------------------------

Datos archivados del Taringa! original

180puntos

959visitas

0comentarios

Actividad nueva en Posteamelo

0puntos

6visitas

0comentarios

Dar puntos:

Dejá tu comentario

Autor del Post

ramirobelmonte6🇦🇷

Usuario

Puntos0

Posts16

Ver perfil →

Animación HTML sencilla con <marquee>

Dejá tu comentario

Autor del Post