Texto de marcador de posición animado en Pure JavaScript-superplaceholder. js
| Autor: | chinchang |
|---|---|
| Views Total: | 3,462 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
superplaceholder. js es una biblioteca de JavaScript para marcadores de posición animados que le permiten rotar a través de una matriz de texto de marcador de posición con un efecto de escritura dentro del campo de entrada.
Funcionamiento
Coloque el script superplaceholder. js al final del documento para que la página se cargue más rápido.
<script src="dist/superplaceholder.js"></script>
Inicializar el supermarcador de posición en el campo de entrada de destino.
superplaceholder({
el: input1,
sentences: [ 'wikicss.com', 'www.google.com', 'www.facebook.com' ],
options: {
loop: true
}
}) Todas las opciones predeterminadas.
options: {
// delay between letters (in milliseconds)
letterDelay: 100, // milliseconds
// delay between sentences (in milliseconds)
sentenceDelay: 1000,
// should start on input focus. Set false to autostart
startOnFocus: true,
// loop through passed sentences
loop: true,
// shuffle the passed sentences
shuffle: false,
// show cursor
showCursor: true,
// cursor character
cursor: '|'
} Registro de cambios
v0.1.2 (08/14/2018)
- Se han añadido más opciones
