Animasi Mengetik Kode Teks dengan jQuery TypeIt

Itu kombo jQuery dan teks tidak memegang batasan di web. Anda dapat membangun hampir semua hal dengan sedikit kreativitas dan pustaka JavaScript yang tepat.

Salah satu perpustakaan tersebut adalah Ketik ini, dibangun sebagai plugin jQuery gratis. Ini memungkinkan Anda membuat animasi mengetik dinamis itu terlihat sangat realistis. Anda bahkan dapat menentukan jeda khusus antara penekanan tombol untuk membangun pelonggaran Anda sendiri untuk animasi.

TypeIt adalah 100% gratis dan open-source, dibangun sebagai alat teks untuk komunitas jQuery. Semua dokumentasi tersedia secara online dan sangat mudah diikuti.

Namun, perlu diketahui bahwa sementara itu TypeIt datang dengan lisensi pribadi gratis, Sayangnya, lisensi komersial membutuhkan biaya. Tapi, Anda bisa menggunakan lisensi pribadi gratis selamanya dan itu tidak pernah berakhir, jadi itu adalah sumber yang bagus untuk semua proyek pribadi Anda atau bahkan situs web pribadi Anda.

Anda dapat memulai dengan menambahkan file JavaScript TypeIt mentah melalui CDN langsung ke tajuk halaman Anda. Kemudian tambahkan jQuery, tulis beberapa teks, dan hubungkan semuanya. Sederhana!

Biasanya, Anda akan menargetkan div tertentu di halaman dan menggunakannya sebagai wadah untuk animasi teks. Ini a cuplikan kode sampel untuk menunjukkan cara kerjanya:

 $ ('. type-it'). typeIt (string: ['Ini string saya!']); 

Oleh melewati opsi khusus ke ketik ini() fungsi, Anda dapat memperlambat kecepatan mengetik, menambahkan jeda pada interval tertentu, dan bahkan mengatur ulang pengaturan pada interval tertentu untuk mengubah kecepatan mengetik animasi tengah.

Anda bahkan bisa uji opsi ini pada halaman plugin jika Anda bersedia meluangkan waktu bermain-main dengan pengaturan.

Pembuat animasi teks ini adalah contoh sempurna dari apa yang dapat Anda lakukan dengan plugin ini. Anda mendapatkan begitu banyak opsi khusus sehingga Anda bahkan dapat membangun aplikasi web, menggunakan plugin ini, untuk buat animasi dengan cepat!

Di halaman plugin utama, Anda juga akan menemukan lebih banyak opsi lanjutan menuju bagian bawah dengan cuplikan kode yang dapat Anda salin.

Jadi, unduh TypeIt dan coba! Setelah Anda membuatnya berfungsi, ini benar-benar sangat menyenangkan. Dan, jika Anda memiliki pertanyaan atau saran untuk pengembang, Anda dapat terhubung dengannya di Twitter @amacarthur.