Kod Menanam Animasi teks dengan TypeIt jQuery
The combo jQuery dan teks tidak mempunyai batas di web. Anda boleh membina hampir apa-apa dengan sedikit kreativiti dan perpustakaan JavaScript yang betul.
Satu perpustakaan sedemikian Taipkan ia, dibina sebagai plugin jQuery percuma. Ia membolehkan anda membuat animasi menaip dinamik yang kelihatan sangat realistik. Anda juga boleh menentukan jeda tersuai antara ketukan kekunci untuk membina pelonggaran anda sendiri untuk animasi.
TypeIt adalah 100% percuma dan sumber terbuka, dibina sebagai alat teks untuk komuniti jQuery. Semua dokumentasi boleh didapati dalam talian dan sangat mudah untuk diikuti.
Walau bagaimanapun, hanya ambil perhatian bahawa sementara TypeIt tidak datang dengan lesen peribadi percuma, lesen komersil, malangnya, kos wang. Tetapi, anda boleh menggunakan lesen peribadi percuma selamanya dan ia tidak akan tamat tempoh, jadi ia adalah sumber yang hebat untuk semua projek peribadi anda atau laman web peribadi anda.
Anda boleh bermula dengan menambah fail mentah TypeIt mentah melalui CDN ke tajuk halaman anda. Kemudian tambahkan jQuery, tulis beberapa teks, dan hubungkan semuanya. Mudah!
Biasanya, awak akan sasarkan div tertentu pada halaman dan gunakannya sebagai bekas untuk animasi teks. Inilah a potongan kod sampel untuk menunjukkan kepada anda bagaimana cara ini berfungsi:
$ ('.type-it'). typeIt (strings: ['Ini adalah rentetan saya!']);
Oleh lulus pilihan peribadi kepada Taipkan ia()
fungsi, anda boleh memperlahankan kelajuan menaip, menambah jeda pada selang tertentu, dan juga menetapkan semula tetapan pada selang masa tertentu untuk mengubah kelajuan menaip pertengahan animasi.
Anda juga boleh menguji pilihan ini pada halaman pemalam jika anda sanggup meluangkan sedikit masa untuk menyesuaikan dengan tetapannya.
Pembina animasi teks ini adalah contoh sempurna tentang apa yang boleh anda lakukan dengan plugin ini. Anda mendapat banyak pilihan tersuai yang anda juga boleh membina aplikasi web, menggunakan plugin ini, kepada buat animasi dengan cepat!
Pada halaman utama plugin, anda juga akan mendapati pilihan yang lebih maju ke arah bawah dengan potongan kod yang anda boleh salin.
Jadi, muat turun TypeIt dan berikannya! Sebaik sahaja anda berjaya, ia benar-benar menyeronokkan. Dan, jika anda mempunyai sebarang pertanyaan atau cadangan bagi pemaju, anda boleh berhubung dengannya di Twitter @amacarthur.