Vanilla biblioteca de marco JavaScript
| Autor: | robertbossaert |
|---|---|
| Views Total: | 433 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 2, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de marquesina ligera Vanilla JS que se desplaza infinitamente a través del contenido web en dirección RTL o LTR.
Ideal para cotización de stock, deslizador de texto, scroller de noticias de última hora, etc.
Funcionamiento
Descargue e inserte la biblioteca Marquee. js en el archivo HTML.
<script src="marquee.js"></script>
Cree una nueva instancia de Marquee y especifique el contenido de destino al que desplazarse.
<div id="example"> Your Content Here </div>
new Marquee('example'); Fije la dirección a RTL.
new Marquee('example', {
direction: 'rtl'
}); Configuración de la velocidad de la animación.
new Marquee('example', {
speed: 1 // default: .5
}); Establezca el retardo en milisegundos.
new Marquee('example', {
// pause between loops
delayAfter: 1000,
// when to start
delayBefore: 0
}); Activar/desactivar el desplazamiento infinito.
new Marquee('example', {
loops: -1
}); Decida si desea desplazarse solo una vez.
new Marquee('example', {
continuous: true
}); Personaliza la apariencia.
new Marquee('example', {
bgcolor: '#000',
textcolor: '#fff',
opacity: 1
});
