Escritura de texto/eliminación de animaciones en JavaScript nativo-nativo con tipo
| Autor: | Genert |
|---|---|
| Views Total: | 2,799 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 9, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Tipo nativo es una biblioteca de JavaScript de dependencia cero que se utiliza para generatetext escribir/eliminar animaciones imitando el comportamiento de escritura humana.
Admite el modo de bucle que le permite generar un rotador de texto para el bucle a través de una matriz de texto que especifique.
Funcionamiento
Instale el tipo nativo a través de NPM:
npm install native-typed --save
O incluya directamente el archivo JavaScript en su documento.
<script src="dist/native-typed.js"></script>
Defina una matriz de texto que desee imprimir en el contenedor ' #demo '.
<div id="demo"></div>
new NTyped(document.querySelector('#demo'), {
strings: ['JavaScript', 'CSS And CSS3', 'HTML5'],
}); Config la animación con los siguientes ajustes.
new NTyped(document.querySelector('#demo'), {
strings: ['This is a typing animation!', 'You can also add your own sentences', 'So go do it!'],
// show cursor
showCursor: true,
cursorChar: '|',
// infinite loop
loop: true,
// animation options
startDelay: 500,
backDelay: 500,
typeSpeed: 0,
deleteSpeed: 0,
// CSS classes
classes: {
cursor: 'title__cursor'
}
});
