Cambiar la velocidad del texto de la marquesina HTML
-
Utilice el atributo
scrollamountde la etiqueta<marquee>para controlar la velocidad de desplazamiento del texto -
Use el atributo
scrolldelayde la etiqueta<marquee>para controlar la velocidad de desplazamiento del texto
En el HTML, podemos usar la etiqueta <marquee> para crear la animación de texto en movimiento o desplazable. Nos permite crear el texto de desplazamiento en las cuatro direcciones, que son de izquierda a derecha, de derecha a izquierda, de abajo hacia arriba y de arriba hacia abajo, cambiar la velocidad y establecer el valor del atributo dirección para establecer la dirección de el texto que se desplaza.
Este artículo se centrará en cambiar la velocidad de la etiqueta
Utilice el atributo scrollamount de la etiqueta <marquee> para controlar la velocidad de desplazamiento del texto
El atributo scrollamount establece la velocidad de desplazamiento del texto de la etiqueta <marquee>. Toma el valor numérico en formato de cadena.
El valor del atributo sugiere cuántos píxeles se desplazará en un intervalo de tiempo particular. El valor por defecto del atributo scrollamount es 6px.
Por ejemplo, hemos creado las diferentes etiquetas <marquee> con los diferentes valores de scrollamount. En la salida, los usuarios pueden observar la velocidad de los textos con diferentes scrollamount.
A medida que el valor de scrollamount sea mayor, el texto se moverá más rápido.
Ejemplo de código:
<marquee behavior=scroll direction="left" scrollamount="2">scrollamount = 2</marquee>
<marquee behavior=scroll direction="left" scrollamount="6">scrollamount = 6</marquee>
<marquee behavior=scroll direction="right" scrollamount="10">scrollamount = 10</marquee>
<marquee behavior=scroll direction="right" scrollamount="15">scrollamount = 15</marquee>
Producción:
En el resultado anterior, los usuarios pueden ver que diferentes textos se mueven a diferentes velocidades en diferentes direcciones, de acuerdo con el valor de los valores de los atributos scrollamount y direction.
Use el atributo scrolldelay de la etiqueta <marquee> para controlar la velocidad de desplazamiento del texto
Podemos usar el atributo scrolldelay para establecer el intervalo de tiempo entre cada desplazamiento. Acepta el valor en milisegundos en el formato de cadena.
El valor por defecto del atributo scrolldelay es 85, y no acepta un valor por debajo de 60. En este ejemplo, hemos creado la etiqueta diferente <marquee> con diferentes valores del atributo scrolldelay.
Ejemplo de código:
<marquee behavior=scroll direction="left" scrolldelay="200">scrolldelay = 200ms</marquee>
<marquee behavior=scroll direction="right" scrolldelay="61">scrolldelay = 61ms</marquee>
<marquee behavior=scroll direction="left" scrolldelay="300">scrolldelay = 300ms</marquee>
<marquee behavior=scroll direction="right" scrolldelay="150">scrolldelay = 150ms</marquee>
Producción:
En el resultado anterior, los usuarios pueden ver que a medida que aumenta el valor del atributo scrolldelay, el texto se mueve más lentamente a medida que aumenta el intervalo entre cada desplazamiento. Los atributos scrolldelay y scrollamount están en desuso en HTML5. Por lo tanto, es posible que algunos navegadores modernos no lo admitan.
