base de datos
Páginas: 5 (1182 palabras)
Publicado: 16 de junio de 2013
16. Texto en movimiento
Vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas), con un GIF animado, con Javascript, etc.
Marquesinas (Marquees)
Una marquesina (en inglés, marquee) es una ventana en la que se desplaza un texto. Sólo son válidas para el Explorer de Microsoft (en el Netscape se verá como texto fijo).
Laetiqueta básica es:
Texto que se desplaza
Que resulta como:
Texto que se desplaza
Como no hemos añadido ningún atributo dentro de la etiqueta, el comportamiento de la marquesina es el que tiene por defecto: ocupa todo el ancho de la pantalla, tiene la altura de una línea y el texto se desplaza lentamente de derecha a izquierda. Vamos a ver los distintos atributos que modifican suapariencia y comportamiento:
WIDHT, HEIGHT
Ajustan la anchura y altura, respectivamente, de la marquesina. Pueden ser igual a un número de pixels, o a un porcentaje de la pantalla. Ejemplo:
Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels
Que resulta como:
Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels
ALIGNModifica el alineamiento del texto que rodea a la marquesina, que puede ser TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo). Ejemplo:
La palabra "¡Hola!" estará alineada con la parte inferior de la marquesina ¡Hola!
Que resulta como:
La palabra "¡Hola!" estará alineada con la parte inferior de la marquesina ¡Hola!
BEHAVIOR
Este atributo (que quiere decir en inglés comportamiento)sirve para definir de qué manera se va a efectuar el desplazamiento del texto. Si es igual a SCROLL (el valor por defecto), el texto aparece por un lado, se desplaza hasta el otro hasta desaparecer por él, y vuelve a empezar (como los casos que hemos visto anteriormente). Si es igual a SLIDE, aparece por un lado y se desplaza hasta llegar al otro extremo, y se para ahí. Si es igual a ALTERNATE sedesplaza alternativamente hacia un lado y otro, siempre dentro de los límites de la marquesina. Ejemplo:
Este texto se mueve a un lado y otro, sin desaparecer
Que se resulta así:
Este texto se mueve a un lado y otro, sin desaparecer
BGCOLOR
Con este atributo se modifica el color de fondo de la marquesina, de acuerdo con el método visto en el Capítulo 7. Ejemplo:
Esta marquesinatiene un fondo de color rosa
Que resulta así:
Esta marquesina tiene un fondo de color rosa
DIRECTION Este atributo sirve para modificar la dirección hacia la que se dirige el texto. Por defecto es LEFT (izquierda). Se puede hacer que el texto se dirija hacia la derecha igualando este atributo a RIGHT. Ejemplo:
Este texto se dirije hacia la derecha
Que resulta como:
Este texto sedirige hacia la derecha
SCROLLAMOUNT
Define la cantidad de desplazamiento del texto en cada movimiento de avance, expresado en pixels. Cuanto mayor es el número, más rápido avanza. Ejemplo:
Doy saltos grandes
Que se ve como:
Doy saltos grandes
SCROLLDELAY
Define el tiempo entre cada movimiento de avance, expresado en milisegundos. Cuanto mayor es el número más lento avanza.Ejemplo:
Espero mucho entre cada salto
Que se ve como:
Espero mucho entre cada salto
LOOP
Especifica el número de veces que aparecerá el texto. Es indefinido por defecto.
HSPACE, VSPACE
Definen, respectivamente, la separación en sentido horizontal o vertical del texto que está fuera de la marquesina.
Fuentes dentro de la marquesina
Si se desea que el texto que aparecedentro de una marquesina tenga una fuente concreta, distinta de la que tiene por defecto el navegador, se debe poner la etiqueta (ver Cap. 6) por fuera de la etiqueta de la marquesina. Ejemplo:
Esto se ve con la fuente Impact
Que se verá así:
Esto se ve con la fuente Impact
Recuérdese lo dicho en el capítulo 6: para que esto surta efecto la fuente indicada debe estar instalada...
Vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas), con un GIF animado, con Javascript, etc.
Marquesinas (Marquees)
Una marquesina (en inglés, marquee) es una ventana en la que se desplaza un texto. Sólo son válidas para el Explorer de Microsoft (en el Netscape se verá como texto fijo).
Laetiqueta básica es:
Texto que se desplaza
Que resulta como:
Texto que se desplaza
Como no hemos añadido ningún atributo dentro de la etiqueta, el comportamiento de la marquesina es el que tiene por defecto: ocupa todo el ancho de la pantalla, tiene la altura de una línea y el texto se desplaza lentamente de derecha a izquierda. Vamos a ver los distintos atributos que modifican suapariencia y comportamiento:
WIDHT, HEIGHT
Ajustan la anchura y altura, respectivamente, de la marquesina. Pueden ser igual a un número de pixels, o a un porcentaje de la pantalla. Ejemplo:
Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels
Que resulta como:
Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels
ALIGNModifica el alineamiento del texto que rodea a la marquesina, que puede ser TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo). Ejemplo:
La palabra "¡Hola!" estará alineada con la parte inferior de la marquesina ¡Hola!
Que resulta como:
La palabra "¡Hola!" estará alineada con la parte inferior de la marquesina ¡Hola!
BEHAVIOR
Este atributo (que quiere decir en inglés comportamiento)sirve para definir de qué manera se va a efectuar el desplazamiento del texto. Si es igual a SCROLL (el valor por defecto), el texto aparece por un lado, se desplaza hasta el otro hasta desaparecer por él, y vuelve a empezar (como los casos que hemos visto anteriormente). Si es igual a SLIDE, aparece por un lado y se desplaza hasta llegar al otro extremo, y se para ahí. Si es igual a ALTERNATE sedesplaza alternativamente hacia un lado y otro, siempre dentro de los límites de la marquesina. Ejemplo:
Este texto se mueve a un lado y otro, sin desaparecer
Que se resulta así:
Este texto se mueve a un lado y otro, sin desaparecer
BGCOLOR
Con este atributo se modifica el color de fondo de la marquesina, de acuerdo con el método visto en el Capítulo 7. Ejemplo:
Esta marquesinatiene un fondo de color rosa
Que resulta así:
Esta marquesina tiene un fondo de color rosa
DIRECTION Este atributo sirve para modificar la dirección hacia la que se dirige el texto. Por defecto es LEFT (izquierda). Se puede hacer que el texto se dirija hacia la derecha igualando este atributo a RIGHT. Ejemplo:
Este texto se dirije hacia la derecha
Que resulta como:
Este texto sedirige hacia la derecha
SCROLLAMOUNT
Define la cantidad de desplazamiento del texto en cada movimiento de avance, expresado en pixels. Cuanto mayor es el número, más rápido avanza. Ejemplo:
Doy saltos grandes
Que se ve como:
Doy saltos grandes
SCROLLDELAY
Define el tiempo entre cada movimiento de avance, expresado en milisegundos. Cuanto mayor es el número más lento avanza.Ejemplo:
Espero mucho entre cada salto
Que se ve como:
Espero mucho entre cada salto
LOOP
Especifica el número de veces que aparecerá el texto. Es indefinido por defecto.
HSPACE, VSPACE
Definen, respectivamente, la separación en sentido horizontal o vertical del texto que está fuera de la marquesina.
Fuentes dentro de la marquesina
Si se desea que el texto que aparecedentro de una marquesina tenga una fuente concreta, distinta de la que tiene por defecto el navegador, se debe poner la etiqueta (ver Cap. 6) por fuera de la etiqueta de la marquesina. Ejemplo:
Esto se ve con la fuente Impact
Que se verá así:
Esto se ve con la fuente Impact
Recuérdese lo dicho en el capítulo 6: para que esto surta efecto la fuente indicada debe estar instalada...
Leer documento completo
Regístrate para leer el documento completo.