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