Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Texto en moviemento
#1
[img]http://i.i.imgur.com/nAp1q.gif[/img]


Hola [email protected], en este post que traigo, vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas).


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 Explorador de Microsoft (en el Netscape se verá como texto fijo).

La etiqueta básica es:

<MARQUEE> Texto que se desplaza </MARQUEE>

Que resulta como:

[Imagen: vABcItJ.gif]


BEHAVIOR
Este atributo (que quiere decir en inglés comportamiento) sirve para definir de qué manera se va a efectuar el desplazmiento 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 se desplaza alternativamente hacia un lado y otro, siempre dentro de los límites de la marquesina. Ejemplo:

<MARQUEE BEHAVIOR=ALTERNATE>Este texto se mueve a un lado y otro, sin desaparecer</MARQUEE>


Que se resulta así:

[img]https://i.imgur.com/3qp4aDf.gif[/img]


BGCOLOR
Con este atributo se modifica el color de fondo de la marquesina. Ejemplo:

<MARQUEE BGCOLOR="#FF7070"> Esta marquesina tiene un fondo de color rosa </MARQUEE>

Que resulta así:

[Imagen: CTiYlzG.gif]


DIRECTION
Este atributo sirve para modificar la dirección hacia la que se dirije el texto. Por defecto es LEFT (izquierda). Se puede hacer que el texto se dirija hacia la derecha igualando este atributo a RIGHT. Ejemplo:

<MARQUEE DIRECTION=RIGHT> Este texto se dirije hacia la derecha </MARQUEE>


Que resulta como:

[Imagen: SdmT7n5.gif]


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:

<MARQUEE SCROLLAMOUNT=50> Doy saltos grandes </MARQUEE>


Que se ve como:

[Imagen: 3iAGG0W.gif]


SCROLLDELAY
Define el tiempo entre cada movimiento de avance, expresado en milisegundos. Cuanto mayor es el número más lento avanza. Ejemplo:

<MARQUEE SCROLLDELAY =200> Espero mucho entre cada salto </MARQUEE>


Que se ve como:

[Imagen: SuAOcH3.gif]


FUENTES DENTRO DE LAS MARQUESINAS


Si se desea que el texto que aparece dentro de una marquesina tenga una fuente concreta, distinta de la que tiene por defecto el navegador, se debe poner la etiqueta <FONT FACE> por fuera de la etiqueta de la marquesina. Ejemplo:

<FONT FACE="Impact">
<MARQUEE BGCOLOR="#FFFF00">Esto se ve con la fuente Impact</MARQUEE>
</FONT>


Que se verá así:

[Imagen: cEWoQEo.gif]


Normalmente, si se hace uso de este recurso es porque se quiere destacar de una manera muy especial un texto, lográndose plenamente este objetivo. Una manera de paliar este inconveniente, al menos en parte, es introducir la etiqueta de la marquesina dentro de una tabla. De esta manera, el texto estará en cierta medida destacado y la marquesina se verá de una manera aún más estética. Ejemplo:

<TABLE BORDER=1>
<TR><TD>
<MARQUEE> Marquesina dentro de una tabla </MARQUEE>
</TD></TR>
</TABLE>



Que se verá como:

[Imagen: hfMMKSq.gif]




Creado por: DiosOne


FUENTE: Tutorial INDEXhn
España 
Twitter Web 
[Imagen: osxwaKU.gif]
WWW
#2
Sencillo pero muy bueno pa' cuando se sabe poco de MARQEE.
Buen aporte; saludos.
#3
(13-04-2013, 11:31 PM)Tilinga escribió: Sencillo pero muy bueno pa' cuando se sabe poco de MARQEE.
Buen aporte; saludos.

Si, para principiantes (como yo) y novatos.
Gracias por el coment.
España 
Twitter Web 
[Imagen: osxwaKU.gif]
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  No dejar seleccionar el texto de nuestra Web: aerotuning 8 608 12-05-2015, 10:29 PM
Último mensaje: JulioRvz92
  [PHP] Leer y mostrar archivo de texto torgar22 0 816 28-02-2015, 02:36 PM
Último mensaje: torgar22
  Texto Flotante Dani_elcapo 0 396 15-01-2014, 02:51 AM
Último mensaje: Dani_elcapo
  Consulta -Como llamo un texto de un archivo a otro (index.php) PHP andrex.nava 8 920 16-07-2013, 11:10 PM
Último mensaje: Dark Neo
  [PHP] Buscar texto en una cadena PHP torgar22 0 438 06-05-2013, 01:57 PM
Último mensaje: torgar22
  [PHP] Buscar texto en una cadena PHP Jvh_22 0 474 04-05-2013, 09:50 AM
Último mensaje: Jvh_22
  CSS Texto Shadow Elegante BGMaster 1 1,402 11-04-2013, 01:23 AM
Último mensaje: zidrave
  [C#] Texto BiColor torgar22 0 340 13-03-2013, 03:28 PM
Último mensaje: torgar22
  extraer texto de un HTML Mark 10 931 28-02-2013, 07:11 AM
Último mensaje: mispracticas2009
  ¿Cómo cambiar color texto casilla tabla al hacer click encima con el ratón? LoboBlanco 9 4,073 09-11-2012, 02:24 PM
Último mensaje: Juliens



Usuarios navegando en este tema: 1 invitado(s)