Code-Textanimationen mit jQuery TypeIt eingeben

Das Kombination aus jQuery und Text hält im Web keine Grenzen. Sie können fast alles mit etwas Kreativität und den richtigen JavaScript-Bibliotheken erstellen.

Eine solche Bibliothek ist Tippe es, als kostenloses jQuery-Plugin erstellt. Sie können erstellen dynamische Schreibanimationen das sieht unglaublich realistisch aus. Sie können sogar benutzerdefinierte Pausen zwischen Tastenanschlägen definieren, um Ihre eigene Beschleunigung für die Animation zu erstellen.

TypeIt ist zu 100% kostenlos und als Open Source verfügbar Textwerkzeug für die jQuery-Community. Die gesamte Dokumentation ist online verfügbar und einfach zu verfolgen.

Beachten Sie jedoch, dass TypeIt zwar mit einem Kostenlose persönliche Lizenz, Kommerzielle Lizenzen kosten leider Geld. Sie können jedoch die kostenlose persönliche Lizenz für immer verwenden läuft nie ab, Es ist also eine großartige Ressource für alle Ihre persönlichen Projekte oder sogar für Ihre persönliche Website.

Sie können damit beginnen Hinzufügen der rohen TypeIt-JavaScript-Datei über CDN rechts neben der Kopfzeile Ihrer Seite. Fügen Sie dann jQuery hinzu, schreiben Sie Text und verbinden Sie alles miteinander. Einfach!

Normalerweise wirst du ziele auf ein bestimmtes div auf der Seite und verwenden Sie es als Container für die Textanimation. Hier ist ein Beispielcode-Snippet um Ihnen zu zeigen, wie das funktioniert:

 $ ('. type-it'). typeIt (Zeichenfolgen: [Dies ist meine Zeichenfolge! ']); 

Durch benutzerdefinierte Optionen übergeben zum tippe es() Mit dieser Funktion können Sie die Schreibgeschwindigkeit verlangsamen, Pausen in bestimmten Intervallen hinzufügen und sogar die Einstellungen in bestimmten Intervallen zurücksetzen, um die Schreibgeschwindigkeit während der Animation zu ändern.

Du kannst sogar Testen Sie diese Optionen auf der Plugin-Seite, wenn Sie etwas Zeit mit den Einstellungen verbringen möchten.

Dieser Builder für Textanimationen ist das perfekte Beispiel dafür, was Sie mit diesem Plugin machen können. Sie erhalten so viele benutzerdefinierte Optionen, dass Sie sogar eine Web-App erstellen können, mit diesem Plugin, zu Animationen erstellen!

Auf der Hauptseite des Plugins finden Sie auch erweiterte Optionen nach unten mit Code-Ausschnitten, die Sie kopieren können.

Laden Sie also TypeIt herunter und probieren Sie es aus! Wenn Sie erst einmal funktioniert haben, macht es wirklich Spaß. Wenn Sie Fragen oder Anregungen für den Entwickler haben, können Sie sich unter Twitter @amacarthur mit ihm in Verbindung setzen.