Κωδικοποίηση κειμένων Κείμενο Animations με jQuery TypeIt
ο combo του jQuery και κειμένου δεν έχει όρια στο διαδίκτυο. Μπορείτε να δημιουργήσετε σχεδόν τίποτα με λίγη δημιουργικότητα και τις σωστές βιβλιοθήκες JavaScript.
Μια τέτοια βιβλιοθήκη είναι Τύπος, χτίστηκε ως δωρεάν plugin jQuery. Σας επιτρέπει να δημιουργήσετε δυναμικά κινούμενα γραφικά που φαίνονται απίστευτα ρεαλιστικά. Μπορείτε ακόμη να ορίσετε τις προσαρμοσμένες παύσεις μεταξύ των πλήκτρων για να δημιουργήσετε τη δική σας χαλάρωση για την κινούμενη εικόνα.
TypeIt είναι 100% δωρεάν και ανοιχτού κώδικα, χτισμένο ως a εργαλείο κειμένου για την κοινότητα jQuery. Όλα τα έγγραφα είναι διαθέσιμα σε απευθείας σύνδεση και απίστευτα εύκολο να ακολουθηθούν.
Ωστόσο, σημειώστε ότι ενώ το TypeIt έρχεται με a δωρεάν προσωπική άδεια, οι εμπορικές άδειες, δυστυχώς, κοστίζουν χρήματα. Αλλά, μπορείτε να χρησιμοποιήσετε την δωρεάν προσωπική άδεια για πάντα δεν λήγει ποτέ, έτσι είναι μια μεγάλη πηγή για όλα τα προσωπικά σας έργα ή ακόμα και την προσωπική ιστοσελίδα σας.
Μπορείτε να ξεκινήσετε από προσθέτοντας το ακατέργαστο αρχείο JavaScript TypeIt μέσω CDN δεξιά στην κεφαλίδα της σελίδας σας. Στη συνέχεια, προσθέστε το jQuery, γράψτε κάποιο κείμενο και συνδέστε το όλα μαζί. Απλός!
Συνήθως, θα το κάνετε στοχεύσετε μια συγκεκριμένη διαίρεση στη σελίδα και να το χρησιμοποιήσετε ως δοχείο για την κίνηση του κειμένου. Εδώ είναι α δείγμα αποσπάσματος κώδικα για να σας δείξει πώς λειτουργεί αυτό:
$ ('. type-it') typeIt (συμβολοσειρές: ['Αυτή είναι η συμβολοσειρά μου']); Με περνώντας προσαρμοσμένες επιλογές στο typeIt () μπορείτε να επιβραδύνετε την ταχύτητα πληκτρολόγησης, να προσθέσετε παύσεις σε συγκεκριμένα χρονικά διαστήματα και ακόμη και να επαναφέρετε τις ρυθμίσεις σε ορισμένα χρονικά διαστήματα για να αλλάξετε την ταχύτητα πληκτρολόγησης.
Μπορείτε ακόμη και δοκιμάστε αυτές τις επιλογές στη σελίδα προσθηκών εάν είστε διατεθειμένοι να ξοδέψετε λίγο χρόνο με τις ρυθμίσεις.
Αυτός ο οικοδόμος δημιουργίας κειμένων είναι το τέλειο παράδειγμα του τι μπορείτε να κάνετε με αυτό το πρόσθετο. Παίρνετε τόσες πολλές προσαρμοσμένες επιλογές που μπορείτε να δημιουργήσετε ακόμη και μια εφαρμογή ιστού, χρησιμοποιώντας αυτό το πρόσθετο, προς το δημιουργήστε κινούμενα σχέδια εν κινήσει!
Στην κύρια σελίδα πρόσθετου, θα βρείτε επίσης πιο προηγμένες επιλογές προς τα κάτω με αποσπάσματα κώδικα που μπορείτε να αντιγράψετε.
Έτσι, κατεβάστε το TypeIt και δώστε το στιγμιότυπο! Μόλις το καταφέρετε, είναι πολύ διασκεδαστικό. Και εάν έχετε οποιεσδήποτε ερωτήσεις ή προτάσεις για τον προγραμματιστή μπορείτε να συνδεθείτε μαζί του στο Twitter @amacarthur.
