Logo-Dark-Large

Tipologia Progetto:

JQuery Plugin

Tecnologie Utilizzate:

ES6 Javascript / JQuery

Un plugin rivoluzionario per JQuery

Ho sviluppato questo plugin JQuery che consente di simulare un essere umano digitando una frase come segnaposto per un campo di input del modulo o come testo semplice.

Ho visto questo trucco di testo in un paio di siti Web famosi e ho deciso di implementarlo utilizzando JQuery in modo che sia facile da usare per tutti in ogni progetto, prendendo anche valori dinamici.

Utilizzo

Prende due parametri:

  • Array di stringhe
  • Velocit√† di scrittura in millisecondi (default: 100)

Passare "data-placeholder" o "data-text" al tag dell'elemento desiderato (default: text)

<input type="text" data-placeholder>
<script>
var typingPh = [
    "Search Website e.g. \"Dancing Cats\"",
    "Lorem ipsum dolor sit amet",
    "Consectetur adipiscing elit",
    "JS is so strange :)"
]; 
$('input').humanTyping(typingPh, 150);
</script>

Per visualizzare il codice del progetto, fare clic sul collegamento seguente:

Github - manuel-inhertz/jquery.humanTyping

Condividi

Vuoi collaborare in un progetto come questo?

Scrivimi un messaggio!