Cómo insertar palabras en un cuadro de desplazamiento

cuadros de desplazamiento son un medio eficaz para crear efecto ya sea en un sitio web o una presentación. Son relativamente fáciles de crear. banderas de marquesina son las formas más efectivas de cuadros de desplazamiento. Colorido y dinámico, que son más a menudo vistos como protectores de pantalla en los ordenadores ociosos. Son versátiles y pueden contener desde texto a las imágenes en movimiento. El código HTML necesario para llevar a cabo esta tarea es fácil de implementar.

Instrucciones

Instrucciones

1 Iniciar sesión en el sitio web como un administrador y acceder a la pantalla de edición.

2 Crear un cuadro de desplazamiento utilizando la siguiente codificación.

<Div style = "height: 120px; ancho: 250px; fuente: 16px / 26px Georgia, Garamond, Serif; overflow: desplazarse;">

Como se puede ver, una vez que haya suficiente texto en esta caja, la caja crecerá barras de desplazamiento ... por eso lo llamamos un cuadro de desplazamiento! También puede colocar una imagen en el cuadro de desplazamiento.

</ Div>

<P style = "font-family: Verdana, Arial, sans-serif; font-size: 10px;">

3 Cambiar el color de fondo del cuadro de desplazamiento utilizando la siguiente codificación.

<Style type = "text / css">

.caja de color {

font: bold large cursive;

frontera: 1px solid # 000000;

background-color: # FF9900;

4 Introduzca el texto que se transportará entre las etiquetas de marquesina para diferentes efectos utilizando la codificación de abajo.

En este lado

<Marquee behavior = "slide" direction = "left"> Su texto deslizable en va aquí </ marquee>

desplazamiento

<Marquee behavior = "scroll" dirección = "left"> Su texto deslizante va aquí </ marquee>

Fuerte

<Marquee behavior = "alternate"> Su texto rebote va aquí </ marquee>

Hacia arriba

<Marquee behavior = "scroll" direction = "arriba"> Su texto de desplazamiento hacia arriba va aquí </ marquee>

Velocidad

<Marquee behavior = "scroll" direction = "izquierda" scrollamount = "1"> velocidad de desplazamiento lento </ marquee>

<Marquee behavior = "scroll" dirección scrollamount = "izquierda" = "10"> velocidad de desplazamiento Medio </ marquee>

<Marquee behavior = "scroll" direction = "izquierda" scrollamount = "20"> velocidad de desplazamiento rápido </ marquee>

imágenes

<Marquee behavior = "scroll" direction = "left"> <img width = "100" height = "100" alt = "Smile" /> </ marquee>

Imágenes y texto

<Marquee behavior = "scroll" direction = "left">

<Img width = "100" height = "100" alt = "Smile" />

<P> Texto de la muestra bajo una <a>

Consejos y advertencias

• Si no se copian correctamente, la codificación no podrá ejecutar los comandos esperados.