Consejos útiles

Cómo hacer una línea rastrera en el sitio

Pin
Send
Share
Send
Send


¿Alguna vez has visto el movimiento brusco de desplazamiento de texto en un sitio web? ¿Alguna vez te has preguntado cómo se hizo? ¡No necesita buscar información en otro lugar! Este texto de desplazamiento se llama marquesina. Se puede hacer en cualquier color, se puede desplazar en cualquier dirección y mucho más. ¡Vea el Paso 1 a continuación para comenzar!

  1. 1 Abra el documento HTML si aún no lo ha hecho.
  2. 2 Coloque este código donde desea que esté la marquesina:
  3. 3 Seleccione un color de fondo. Puede cambiar el fondo de la línea progresiva especificando un valor hexadecimal (HEX) o un valor RGB (rojo-verde-azul) después de la parte "background-color:" del código (color de fondo). El valor predeterminado anterior, # 000080 es azul marino color Se puede encontrar una lista completa de colores y sus significados.
  4. 4 Establezca la dirección de desplazamiento. Cambiar atributo dirección en el código para cualquiera de los siguientes: derecha (de izquierda a derecha), izquierda (de derecha a izquierda (predeterminado)), arriba (de abajo hacia arriba) o hacia abajo (de arriba a abajo).
  5. 5 Indique el número de ciclos de ejecución de la línea de arrastre. Atributo bucle se puede cambiar según las necesidades: controla cuántas veces se debe mover la línea rastrera. Si desea que se mueva continuamente, bájelo.
  6. 6 Especifique el texto de la línea progresiva. El texto dentro de la etiqueta y la etiqueta se desplazará por el texto en la línea rastrera. Escribe lo que quieres que muestre.
  7. 7 Establezca el color del texto. Agregar atributo estilo dial interno
  • Aquí hay un simple código de desplazamiento de línea progresiva:

Esta es una línea de desplazamiento de desplazamiento.

  • Las líneas de rastreo en los sitios suelen ser un poco molestas.
  • Tenga cuidado al cambiar los atributos de la línea rastrera.

Línea rastrera en HTML. Conceptos básicos de HTML para principiantes. Lección número 9

Hola a todos!
Continuar aprendiendo los conceptos básicos de HTML.
En esta lección contaré y enseñaré Cómo hacer una línea rastrera en un documento HTML. Este es un tipo de animación primitiva en un sitio web sin el uso de editores gráficos.
Se puede usar una línea progresiva para mostrar noticias, promociones, un mensaje publicitario e incluso para hermosos momentos de diseño (por ejemplo: una nube en el cielo se mueve en el encabezado de un sitio). Creo que usted mismo encontrará la aplicación de una línea en ejecución en su sitio, y mi tarea ahora es decirle cómo se hace esto y cómo se ve en la práctica.
Para crear una línea rastrera, use la etiqueta:

* atributos para la línea rastrera
color de fondo de la carpa
Para colorear el fondo de la línea en ejecución, agregue el atributo "bgcolor" a la etiqueta "marquee":

Resultado:
Línea rastrera

○ altura y ancho de una línea de carrera
Para establecer la altura y el ancho de la línea de arrastre, agregue el atributo "ancho" y "altura" a la etiqueta de marquesina:

○ comportamiento de línea rastrera
Agregue el atributo "comportamiento" a la etiqueta de marquesina con los siguientes valores:

desplazamiento - desplazamiento normal (predeterminado),

deslizar: la línea comienza desde un borde y se detiene en el otro,

alternativo: la línea se moverá de borde a borde

desplazamiento normal (predeterminado)

La línea rastrera se cruzará desde un borde y se detendrá en otro

la línea se moverá de borde a borde

○ dirección de la línea de arrastre
Agregue el atributo de dirección con los siguientes valores a la etiqueta de marquesina:

izquierda: mueve el texto a la izquierda (predeterminado),

derecha: mueve el texto a la derecha,

arriba - movimiento de texto de abajo hacia arriba,

abajo - movimiento de texto de arriba a abajo

mover el texto a la izquierda (predeterminado)

movimiento de texto a la derecha

movimiento de texto de abajo hacia arriba

movimiento de texto de arriba hacia abajo

○ velocidad de la línea progresiva
Para ajustar la velocidad de mover la línea de arrastre, agregue el atributo scrollamount a la etiqueta de marquesina:

Cuanto mayor es el valor, mayor es la velocidad.

○ retraso de línea rastrera
Otro atributo con el que puedes ajustar la velocidad. Cuanto mayor sea el valor, menor será la velocidad. Agregue el atributo scrolldelay a la etiqueta de marquesina:

○ número de ticks
Si necesita especificar un cierto número de pases de línea progresiva, agregue el atributo de bucle a la etiqueta de marquesina:

En el ejemplo, el valor es "2", lo que significa que solo habrá dos pases.

○ sangrías progresivas
Si necesita especificar la sangría en los lados izquierdo y derecho, agregue el atributo "hspace" a la etiqueta de marquesina:

Cómo insertar una imagen en una línea rastrera

Para insertar una línea rastrera en una imagen, inserte una etiqueta que ya conozca entre las etiquetas para mostrar la imagen:


Todos los atributos para la etiqueta son válidos en este caso.

Atributos y Parámetros

1. w: establece el ancho de la línea en ejecución en píxeles / porcentaje. Quienes estén familiarizados con html probablemente estén familiarizados con este atributo. Por ejemplo:

  • w: establece el ancho en 40% dependiendo del ancho del bloque en el que se encuentra el objeto,

2. height = "number / percent": establece la altura de la línea en píxeles / porcentaje. Se puede dar un ejemplo igual que con el primer atributo. Por ejemplo:

  • height = "400px": establece la altura en 400 píxeles,
  • height = "30%": establece la altura en 30% dependiendo de la altura del bloque donde se encuentra el objeto,

Nota: si la línea de arrastre consta de una sola línea, entonces se puede omitir la altura, ya que se determinará automáticamente según el tamaño de fuente, que se establece mediante el parámetro font-size: Npx.

3. bgcolor = "color": establece el color de fondo del contenedor. Puede seleccionar un color en la página: códigos de color html. Nota: si el atributo bgcolor no está configurado, el fondo será el color de fondo de la página.

4. Comportamiento = "parámetro": este es uno de los atributos más importantes de la línea en ejecución. Establece el comportamiento de la línea progresiva. Tiene bastantes opciones diferentes:
• alternativo: la línea de carrera se mueve cíclicamente: de derecha a izquierda, luego de izquierda a derecha (corre entre los bordes). Por ejemplo:

Y así, esta línea se ve en el sitio:

• desplazamiento: la línea de desplazamiento se mueve fuera del área en la dirección que indica el atributo de dirección (con el parámetro) y luego se repite en ciclos. En mi opinión, esta opción es la más común. Por ejemplo:

5. direction = "parámetros" - establece la dirección de movimiento de la línea de arrastre. Puede tomar los siguientes valores:
• abajo: movimiento de arriba a abajo. Por ejemplo:

6. hspace = "number": establece la sangría de la línea horizontal en otros objetos. La popular etiqueta img tiene un atributo similar.

7. vspace = "number": establece la sangría vertical en otros objetos.

8. loop = "número": cuántas veces necesitas desplazarte por el contenido. El parámetro especifica un número, que establece el número de repeticiones. Nota: -1 significa un bucle de desplazamiento infinito. El valor predeterminado es -1.

9. scrollamount = "número" - la velocidad de la línea en movimiento. El número establece el número de píxeles por los cuales el objeto se mueve en un solo ciclo de reloj. Nota: la velocidad predeterminada es de 6 píxeles / seg. Por ejemplo:

10. scrolldelay = "number": establece el retraso entre los pasos de la línea progresiva en milisegundos. Por ejemplo:

Al final daré 2 ejemplos de uso de líneas de arrastre. Ejemplo usando un objeto div:

Pin
Send
Share
Send
Send