Cómo crear un movimiento en sentido vertical del título en una página Web

Desplazamiento efectos de titular captar la atención de los visitantes del sitio. Estos efectos requieren sólo los desarrolladores básicos de codificación y Web implementan utilizando una única etiqueta HTML o marquesina. Una etiqueta de marquesina tiene once propiedades que determinan su aspecto y funcionalidad. Por ejemplo, establecer el color de fondo usando \ "bgcolor \" propiedad o establecer la velocidad del desplazamiento de texto utilizando la propiedad scrollamount. Puede incluir estas propiedades en la etiqueta del cuerpo del documento o utilizar JavaScript para modificarlos en tiempo real. Mezclar y combinar las propiedades para crear efectos únicos desplazamiento titular en su sitio web.

Instrucciones

1 Crear un nuevo archivo HTML y añadir este código a la cuenta de cuerpo:

<Id carpa = \ "testMarquee \" scrollamount = \ "15 \"> <h1> Este es un título </ h1> </ marquee>

La etiqueta de marquesina crea una carpa con un título. El valor scrollamount se establece en 15. Aumentar ese valor para hacer que el texto de desplazamiento se mueven más rápido. Reduce el valor para retardar el texto hacia abajo.

2 Añadir estas cuatro etiquetas de los botones debajo de la etiqueta de marquesina:

<Input type = \ "botón de \" id = \ "start \" value = \ "start \" />
<Input type = \ "botón de \" id = \ "dejar de \" value = \ "parada \" />
<Input type = \ "botón de \" id = \ "derecho \" value = \ "derecha \" />
<Input type = \ "botón de \" id = \ "izquierda \" value = \ "\ left" />

3 Agregue este código a la sección <script> del archivo HTML:

myMarquee var
IR
window.onload = function () {

myMarquee = document.getElementById(\"testMarquee\")

IR

document.getElementById('stop').onclick = stop

IR

document.getElementById('start').onclick = start

IR

document.getElementById('right').onclick = right

IR

document.getElementById('left').onclick = left

IR

}
IR

Este código se fija un \ "onclick \" controlador de eventos a los botones. Al hacer clic en un botón, JavaScript llamará a la función correspondiente.

4 Añadir estas funciones de JavaScript a la sección de secuencia de comandos:

función stop () {

myMarquee.stop()

IR
}

función start () {

myMarquee.start()

IR
}

función de la derecha () {

myMarquee.direction = \"right\"

IR
}

función izquierda () {

myMarquee.direction = \"left\"

IR
}

Cada función establece una propiedad de recuadro o ejecuta una función de marquesina.

5 Guarde el archivo y verlo en su navegador. Haga clic en los botones para observar el comportamiento de la carpa como las funciones de JavaScript modificar sus propiedades.

Consejos y advertencias

• La carpa es una etiqueta no estándar que no es compatible con la especificación HTML 4.01. Además, organizaciones como el Centro de Illinois para la Tecnología de la Información y Accesibilidad Web desalientan el uso de la carpa, ya que causa problemas de accesibilidad para los usuarios de Internet con discapacidad.