En esta sección, el autor habla sobre las etiquetas más especiales en el código HTML, que puede hacer que el texto en las páginas web se desplace y controle sus propiedades de desplazamiento.
Hacer texto de desplazamiento
A través del estudio anterior de este capítulo, los lectores ya pueden controlar bien la visualización de varios textos de párrafos, pero no importa cómo estén establecidos, el texto es estático. En esta sección, el autor habla sobre las etiquetas más especiales en el código HTML, que puede hacer que el texto en las páginas web se desplace y controle sus propiedades de desplazamiento.
4.3.1 Establecer desplazamiento de textoLa forma de desplazar el texto en la tecnología HTML es usar etiquetas dobles <Marquee> </marquee>. En el código HTML, el texto en su área de funciones se puede desplazar, y el valor predeterminado es desplazarse de derecha a izquierda, bucle. Cree un archivo de página web en el directorio D:/ web/, llamado mar.htm, y escriba el código como se muestra en el código 4.15.
Código 4.15 Configuración de desplazamiento de texto: mar.htm
<html>
<Evista>
<title> Configuración para desplazamiento de texto </title>
</ablo>
<Body>
<font size = 5 color =#cc0000>
Ejemplo de desplazamiento de texto (predeterminado): <Marquee> Sea amable para ser una persona </marquee>
</font>
</body>
</html>
Ingrese http: //localhost/mar.htm en la barra de direcciones del navegador, y el efecto de navegación se muestra en la Figura 4.15.
Figura 4.15 Establezca la forma predeterminada de desplazamiento de texto
De la Figura 4.15, cuando el ancho no está configurado, la etiqueta <Marquee> </ marquee> es exclusiva de una línea.
4.3.2 Establezca la dirección del desplazamiento del textoEl atributo de dirección de la etiqueta <Marquee> </marquee> se usa para establecer la dirección de desplazamiento de contenido. Los valores del atributo incluyen izquierda, derecha, arriba y hacia abajo, que representan a la izquierda, derecha, hacia arriba y hacia abajo, respectivamente. Por ejemplo, el siguiente código:
<marquee direction = izquierda> ser amable para ser una persona </marquee>
<marquee direction = right> ser amable para ser una persona </marquee>
<marquee direction = up> ser amable para ser una persona </marquee>
<marquee direction = down> ser amable para ser una persona </marquee>
4.3.3 Establezca la velocidad y la forma del desplazamiento del textoEstablezca el desplazamiento del texto para usar la etiqueta <Marquee> </ marquee>, y sus atributos se describen de la siguiente manera.
- La propiedad de Scrollameunt de la etiqueta <Marquee> </marquee> se usa para establecer la velocidad de desplazamiento de contenido.
- La propiedad de comportamiento de la etiqueta <Marquee> </marquee> se usa para establecer el método de desplazamiento de contenido. El valor predeterminado es desplazarse, es decir, bucle. Cuando su valor es alternativo, el contenido se inclinará de un lado a otro. Cuando su valor se desliza, el contenido dejará de desplazarse una vez y no se inclinará. También hay una propiedad de bucle que establece el número de ciclos de desplazamiento, lo que no tiene límite por defecto.
- La propiedad ScrollDelay de la etiqueta <Marquee> </ marquee> se usa para establecer el intervalo de tiempo para el desplazamiento de contenido.
- La propiedad BGColor de la etiqueta <Marquee> </marquee> se usa para establecer el color de fondo de desplazamiento de contenido (similar a la configuración de color de fondo del cuerpo).
- La propiedad de ancho de la etiqueta <Marquee> </ marquee> se usa para establecer el ancho de fondo de desplazamiento de contenido.
- El atributo de altura de la etiqueta <Marquee> </ marquee> se usa para establecer la altura de fondo de desplazamiento de contenido.
Modifique el archivo de página web mar.htm y escriba el código como se muestra en el código 4.16.
Código 4.16 Configuración de desplazamiento de texto: mar.htm
<html>
<Evista>
<title> Configuración para desplazamiento de texto </title>
</ablo>
<Body>
<font size = 3 color =#cc0000>
Ejemplo de desplazamiento de texto (predeterminado): <Marquee> Sea amable para ser una persona </marquee>
Ejemplo de desplazamiento de texto (a la derecha): <marquee direction = right scrolllDelay = 500> Sea amable para ser una persona </marquee>
Ejemplo de desplazamiento de texto (el método de desplazamiento hacia abajo es el método de deslizamiento, la velocidad es 10): <marquee scrollamount = 10 comportamiento = diapositiva> ser amable para ser una persona </marquee>
Ejemplo de desplazamiento de texto (dirección predeterminada, método de desplazamiento es alternativo, bucle 3 veces, la velocidad es 2): <marquee scrollamount = 2 comportamiento = bucle alternativo = 3> ser amable para ser una persona </ marquee>
Ejemplo de desplazamiento de texto (el color hacia arriba, hacia arriba, el color de fondo es #CCFF66, establece el ancho de fondo y la altura): <marquee direction = up bgcolor = #ccff66 width = 250 altura = 55> ser amable para ser una persona </ marquee>
</font>
</body>
</html>
Ingrese http: //localhost/mar.htm en la barra de direcciones del navegador, y el efecto de navegación se muestra en la Figura 4.16.
Figura 4.16 diferentes formas de desplazamiento de texto
Los numerosos atributos de <Marquee> </marquee> pueden ser muy convenientes para crear texto de desplazamiento. En el posterior aprendizaje de JavaScript, los lectores continuarán profundizando el aprendizaje de comportamiento dinámico de <marquee> </ marquee> etiquetas.