Tecnología

Inicio

El código HTML para el desplazamiento de texto de marquesina

La etiqueta HTML "carpa" le permite añadir texto en movimiento en sus páginas web, incluso sin JavaScript, Flash o gráficos animados. Utilice esta etiqueta con precaución. Debido a que los visitantes prefieren para escanear texto rápidamente, carpas pueden ser molestos. Además, si usted decide cambiar la configuración predeterminada de una marquesina por los atributos que especifican, asegúrese de que el texto sea legible. La alteración de la, la tasa de salto de velocidad o dirección o un texto en movimiento puede hacer que sea difícil de leer.

Descripción

El elemento de marquesina HTML hace que el texto para desplazarse a través de una página. atributos adicionales en la etiqueta de marquesina determinan las características específicas del texto, tales como la forma en que se desplaza, su dirección, el tamaño y la velocidad. Si una imagen se coloca entre las etiquetas de inicio y fin de una carpa, la imagen se desplazará también.

Sintaxis

La estructura del elemento de marquesina de HTML no es diferente de un elemento HTML estándar. Se abre con la etiqueta de comienzo de la carpa, el nombre y el valor de cada atributo (si lo hay), el contenido y la etiqueta de cierre.

Ejemplo:

<Marquee behavior = "scroll" width = "200" height = "200"> Este es un texto de desplazamiento! </ Marquee>

tamaño

Los atributos de anchura y altura carpa instalada su tamaño y se dan en píxeles o porcentaje. Si no se especifica ninguno, el ancho de marquesina se establece en 100 por ciento y la altura es tan alto como sea necesario respecto a la anchura. Para añadir "relleno" para una marquesina cuando se coloca junto a otros contenidos, utilizan el "hspace" y "vspace" atributos para establecer el relleno horizontal y vertical respectivamente.

Ejemplo:

<Marquesina width = "25%" hspace = "20"> Marquesina </ marquee> Este texto aparece a la derecha del texto de marquesina.

Comportamiento

Tal vez la característica más importante de una marquesina es su estilo de desplazamiento. Para elegir el tipo de desplazamiento para un texto de marquesina, utilice el atributo de comportamiento. Este atributo tiene tres valores posibles: "desplazamiento", "deslizamiento" y "alternativos". "Scroll" hace el movimiento de texto desde un extremo de la carpa a la otra y luego empezar de nuevo. "Slide" mueve el texto hasta el final y luego se detiene. pergaminos "alternos" el texto de un lado a otro como si estuviera rebotando. También puede agregar el atributo "dirección" para decidir en qué dirección se mueve el texto.

Ejemplo:

<Marquee behavior = "alternate" direction = "left"> Este texto se desplaza de izquierda a derecha y luego de vuelta sin desaparecer de la vista. </ Marquee>

Velocidad

Un texto de marquesina "salta" de una posición a otra a pesar de que los movimientos pueden aparecer fluido al ojo. Para ajustar la velocidad de un texto de marquesina, utilice el "ScrollDelay" y "scrollamount" atributos. "ScrollDelay" establece la duración de la pausa entre los saltos y se da en milisegundos. Si no se especifica, se utiliza el valor por defecto de 85 segundos o .085. "Scrollamount" establece el espacio que cubre un salto; de forma predeterminada, es de 6 píxeles.

Este ejemplo establece la pausa a la mitad de un segundo con un salto de 5 píxeles:

<ScrollDelay carpa = "500" scrollamount = "5">

repeticiones

Por defecto, un texto de marquesina se repetirá un número infinito de veces. Si desea establecer un límite, utilice el atributo "bucle". Su valor viene dado como un entero.

Ejemplo:

<Marquesina loop = "3">

Color

Para que el texto de marquesina se destaca de su entorno, utilice el atributo "color" para darle su propio color de fondo.

Ejemplo:

<Bgcolor carpa = "yellow"> He aquí una idea! </ Marquee>