Efecto de escritura de texto secuencial-AutoType. js
| Autor: | shantoislam6 |
|---|---|
| Views Total: | 401 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 30, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript AutoType. js imprime una secuencia de cualquier cadena con una animación de escritura de máquina de escribir.
Funcionamiento
Cree el código HTML en el que desea imprimir las cadenas.
<h2 class="auto-typing" ></span></h2>
Inicialice el autoTyping y defina una matriz de cadenas de texto de la siguiente manera:
autoTyping({
container : document.querySelector('.auto-typing'),
text : ['CSS' , 'SCRIPT', '.NET']
}) Inicie la animación.
start();
Activar/desactivar la funcionalidad de bucle infinito.
autoTyping({
container : document.querySelector('.auto-typing'),
text : ['CSS' , 'SCRIPT', '.NET'],
loop : true
}) Aplique colores personalizados a cada cadena.
autoTyping({
container : document.querySelector('.auto-typing'),
text : ['CSS' , 'SCRIPT', '.NET'],
color : ['red','green','blue']
}) Ajuste la velocidad de escritura/bucle en milisegundos.
autoTyping({
container : document.querySelector('.auto-typing'),
text : ['CSS' , 'SCRIPT', '.NET'],
typeSpeed : 150,
loopSpeed : 700
}) Personalice el cursor parpadeante.
autoTyping({
container : document.querySelector('.auto-typing'),
text : ['CSS' , 'SCRIPT', '.NET'],
blink : true,
blinkSpeed : 400,
blinkType : 'default', // or faltted
})
