-
Cómo utilizar Texto en movimiento en Javascript
-
el desplazamiento de texto a través de la codificación Javascript se utiliza para desplazar el texto vertical u horizontalmente sobre una sección div de una página web. Es una forma de atraer a los lectores a un determinado lugar de la página. Usar desplazamiento con moderación, sin embargo, ya que puede crear una página que es demasiado llamativo y difícil de leer. El uso de texto en movimiento tarda sólo unas pocas líneas de código insertan en una función que se llama en el \ "PageLoad \" evento en HTML.
Instrucciones
1 Inserte un div en su página web. El div contiene el texto que desea desplazarse. A continuación se muestra un ejemplo de un elemento div que contiene el texto. Observe la posición del div coincide con la variable de posición inicial creada en el paso 2.
<Div id = \ style = \ "scrollingtext \" "position: absolute; ancho: 200px; altura: 100px; top: 200px; \"> Mi texto Desplazamiento </ div>2 Establecer la posición inicial del texto div. Esto le da un punto de partida desde el que desplazarse.
iPos var = 200;3 Compensar el "top \" \ atributo establecido en el paso 1 por 1 píxel. Esto mueve verticalmente hacia arriba.
iPos - = 1;4 Asignar una variable a la div para restablecer su posición y continuar el desplazamiento:
myDiv = document.getElementById ( 'scrollingtext');5 myDiv.style.top = iPos;
6 Ajuste el temporizador para que el texto se mueve hacia arriba otra píxel. El temporizador se establece en milisegundos.
window.setTimeout (\ "Scroll (); \", 25)
IR
\ "Scroll () \" es el nombre de la función del código creado en este ejemplo. La posición del texto se moverá hacia arriba cada 25 milisegundos.7 Cargar la función automáticamente cuando se abre la página. Utilice la siguiente propiedad en el cuerpo de la etiqueta de la página HTML:
<Body onload = \ "de desplazamiento (); \">