Tecnología

Inicio

Cómo modificar una carpa con JavaScript

Cómo modificar una carpa con JavaScript


Si usted está tratando de atrapar las últimas noticias, información meteorológica o una puntuación de deportes, se remacha su atención a la línea de desplazamiento de texto a través de su pantalla de televisión. Puede simular este efecto marquesina de noticias en un sitio web mediante el uso de la etiqueta de marquesina. Programa de la marquesina de texto para desplazarse hacia arriba o abajo, izquierda o derecha, lenta o rápidamente, sin problemas o en chorros. La función de JavaScript getElemenById () le permite acceder y cambiar los parámetros, propiedades, atributos y métodos asociados con el marco por el Document Object Model Hypertext Markup Language, o DOM.

Instrucciones

1 Iniciar el editor Bloc de notas de texto sin formato haciendo clic en el botón "Inicio", "Todos los programas", "Accesorios", a continuación, el Bloc de notas.

2 Introduzca el código siguiente en el editor de texto.

<Html>

<Head>

<Script language = "javascript">

changemarquee función () {

. Document.getElementById ( "leftscroll") bgColor = "red";

. Document.getElementById ( "leftscroll") = dirección "correcta";

. Document.getElementById ( "leftscroll") de ancho = 400;

document.getElementById ( "leftscroll") ScrollDelay = 5.;

document.getElementById ( "leftscroll") scrollamount = 100.;

. Document.getElementById ( "leftscroll") style.color = "blue";

. Document.getElementById ( "leftscroll") style.padding = "5px";

. Document.getElementById ( "leftscroll") style.height = "35px";

. Document.getElementById ( "leftscroll") style.fontSize = "22px";

}

</ Script>

</ Head>

<Body>

<Dirección de marquesina izquierda = id = "leftscroll" width = "800" height = "20"> Este

el texto se desplazará de derecha a izquierda </ marquee>

Botón <id = "primera" tipo "botón" =

onclick = "javascript: changemarquee ()"> Cambio de marquesina </ botón>

</ Body>

</ Html>

3 Haga clic en el menú Archivo. Seleccionar la opción "Guardar". Guardar con el nombre de archivo "test.html".

4 Iniciar el navegador Web haciendo clic en el botón "Inicio", "Todos los programas" y "Internet Explorer". Haga clic en la opción de menú "Archivo" y seleccionar "Abrir archivo".

5 Busque el archivo "test.html" acaba de crear, seleccionar con el ratón, a continuación, haga clic en "Abrir".

6 Haga clic en el botón "Cambiar la carpa." El texto "Este texto se desplazará de derecha a izquierda" debería comenzar a desplazarse rápidamente de izquierda a derecha, el tamaño de fuente debe aumentar, el color del texto debe ponerse azul y el tamaño de la marquesina debe encogerse. El uso de Internet Explorer, Chrome y el navegador Chromium, el fondo de la carpa debe ponerse en rojo, pero Firefox, SeaMonkey y Opera no admite esta propiedad.

Consejos y advertencias

  • Su texto de marquesina puede moverse demasiado lento o rápido para su gusto. El texto también puede moverse con un movimiento espasmódico en lugar de un movimiento suave. Puede cambiar la velocidad de desplazamiento y la suavidad mediante el ajuste de la "scrollamount" y los parámetros "ScrollDelay". Scrollamount controla la distancia que el texto se mueve por intervalo. Cuanto mayor sea el valor, mayor es el salto. ScrollDelay controla el tamaño del intervalo entre saltos. Cuanto menor sea el scrollamount, más suave será el movimiento. Cuanto mayor sea el ScrollDelay, más lento es el texto aparece a moverse.
  • La etiqueta de marquesina no es un HTML - Hypertext Markup Language - estándar, pero es apoyado por la mayoría de los navegadores Web. Los navegadores pueden apoyar algunas de las características de marquesina y no otros. Algunos pueden limitar qué características son accesibles por JavaScript. marcos de programación JavaScript, como Moo Tools, jQuery, Dojo script.aculo.us y proporcionar características de animación de texto que trabajarán en los diferentes navegadores que se ejecutan en diferentes tipos de dispositivos. Independientemente del método que elija para desplazar el texto, poner a prueba su trabajo con mayor número de navegadores web como sea posible para asegurarse de que el código funciona como se esperaba.

Artículos relacionados