La propiedad de comportamiento HTML DOM Marquee se utiliza para establecer o devolver el valor del atributo de comportamiento del elemento <marquee> . Este atributo se utiliza para establecer el comportamiento del texto en movimiento en la etiqueta <marquee>.
Sintaxis:
Se utiliza para devolver la propiedad de comportamiento de marquesina .
marqueeobject.behavior;
Establece la propiedad de comportamiento de la marquesina .
marqueeObject.behavior = "alternate|scroll|slide"
Nota: esta propiedad se deprecia de HTML 5.
Valores de propiedad:
- alternativo: Define que el texto se mueve hasta el final y luego comienza en la dirección opuesta.
- scroll: Tiene un valor por defecto. especifique que el texto se desplaza hasta el final y comienza de nuevo.
- slide: Especifica el movimiento del texto hasta el final y luego lo detiene.
Ejemplo 1: El siguiente código HTML devuelve la propiedad de comportamiento de la etiqueta <marquee> .
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Marquee behavior property</h2>
<marquee id="marqueeID" direction="right" behavior="slide" >
GeeksforGeeks:A computer Science Portal for Geeks
</marquee>
<br><br>
<button onclick="btnClick()">
Return Behavior property
</button>
<p id ="paraID"></p>
<script>
function btnClick() {
var txt = document.getElementById("marqueeID").behavior;
document.getElementById("paraID").innerHTML = txt;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: A continuación, el código HTML cambia la propiedad de comportamiento del elemento de marquesina .
HTML
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Marquee behavior Property</h2>
<marquee id="marqueeID" direction="right" behavior="slide" >
GeeksforGeeks:A computer Science Portal for Geeks
</marquee>
<br><br>
<button onclick="btnClick()">
Set Behavior property
</button>
<p id ="paraID"></p>
<script>
function btnClick() {
var txt = document.getElementById(
"marqueeID").behavior = "scroll";
document.getElementById("paraID").innerHTML = txt;
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA