El objeto HTML DOM Marquee se utiliza para representar la etiqueta HTML <marquee >. Sabemos que la etiqueta <marquee> se usa para mover el contenido de horizontal a vertical o de izquierda a derecha o de derecha a izquierda.
Sintaxis
Se utiliza para acceder a la etiqueta de marquesina.
document.getElementById("id");
Se utiliza para crear una etiqueta de marquesina.
document.createElement("MARQUEE");
Nota: este objeto está depreciado de HTML 5.
Valores de propiedad:
- bgcolor: Se utiliza para establecer o devolver el valor del color de fondo de la etiqueta <marquee>.
- comportamiento: Se utiliza para establecer o devolver el valor del atributo de comportamiento de la etiqueta <marquee>.
- scrollamount: Se utiliza para establecer o devolver la velocidad de la etiqueta <marquee>.
- dirección: Se utiliza para establecer o devolver el valor del atributo de dirección de la etiqueta <marquee>.
- loop: Se utiliza para establecer o devolver el valor del atributo loop de la etiqueta <marquee>.
- altura: Se utiliza para establecer o devolver la altura de la etiqueta <marquee>.
- ancho: Se utiliza para establecer o devolver la altura de la etiqueta <marquee>.
- hspace: se utiliza para establecer o devolver el espacio horizontal alrededor de la etiqueta <marquee>.
- vspace: se utiliza para establecer o devolver el espacio vertical alrededor de la etiqueta <marquee>.
- scrollDelay: se utiliza para establecer o devolver el valor del atributo scrolldelay de una etiqueta <marquee>.
- truespeed : Se utiliza para establecer o devolver el valor del atributo truespeed de la etiqueta <marquee>.
Métodos
- start(): este método se utiliza para iniciar el desplazamiento de la etiqueta de marquesina.
- stop(): este método se utiliza para detener el desplazamiento de la etiqueta de marquesina.
Ejemplo 1: El siguiente código HTML ilustra cómo crear un objeto de marquesina.
HTML
<!DOCTYPE html> <html> <body style="text-align:center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2>DOM Marquee Object</h2> <b> Click on the below button to create a marquee object </b> <p></p> <button onclick="createMarqueObject()"> Create Marquee Object </button> <script> function createMarqueObject() { var elementVar = document.createElement("MARQUEE"); var txt = document.createTextNode( "GeeksforGeeks:A computer Science Portal for Geek"); elementVar.appendChild(txt); document.body.appendChild(elementVar); } </script> </body> </html>
Producción:
Ejemplo 2: El siguiente código HTML ilustra cómo cambiar el color de fondo y el tamaño de fuente del elemento de marquesina.
HTML
<!DOCTYPE html> <html> <body style="text-align:center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2>DOM Marquee Object</h2> <marquee id="marqueeID"> GeeksforGeeks:A computer Science Portal for Geeks </marquee> <br><br> <button onclick="btnClick()"> Change BackGround Color </button> <script> function btnClick() { var txt = document.getElementById("marqueeID"); txt.style.backgroundColor = "green"; txt.style.fontSize = "25px"; } </script> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome 1.0
- Borde 12.0
- Firefox 65.0
- Internet Explorer 2.0
- Ópera 7.2
- Safari 1.2
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA