Puede mover fácilmente imágenes en HTML usando la etiqueta <marquee> . Se utiliza para crear imágenes que se desplazan horizontalmente de izquierda a derecha o de derecha a izquierda, o verticalmente de arriba hacia abajo o de abajo hacia arriba. De forma predeterminada, la imagen que se encuentra dentro de la etiqueta <marquee> se desplazará de derecha a izquierda.
Sintaxis:
<marquee> <img src=""> </marquee>
Atributos de la etiqueta <marquee>:
- dirección : Establece la dirección de las imágenes que se desplazan. El valor de este atributo puede ser izquierda, derecha, arriba o abajo .
- comportamiento: el comportamiento informa sobre cómo se desplaza el texto. Puede ser uno de los siguientes valores que son alternos, desplazamiento, deslizamiento.
Ejemplo 1: el siguiente ejemplo utiliza el comportamiento de desplazamiento .
HTML
<!DOCTYPE html> <html> <body> <center> <!-- The image has scrolling behavior to left --> <marquee behavior="scroll" direction="left"> <img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GeeksforGeeks logo"> </marquee> <!-- The image has scrolling behavior to the upper direction. --> <marquee behavior="scroll" direction="up"> <img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GeeksforGeeks logo"> </marquee> </center> </body> </html>
Producción:
Ejemplo 2: El siguiente ejemplo utiliza el comportamiento alternativo .
HTML
<!DOCTYPE html> <html> <body> <center> <marquee behavior="alternate" direction="left"> <img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GeeksforGeeks logo"> </marquee> <marquee behavior="alternate" direction="right"> <img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GeeksforGeeks logo"> </marquee> </center> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por aksrathod07 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA