הקלדת טקסט אנימציות עם סוג jQuery

ה משולבת של jQuery וטקסט אין גבולות באינטרנט. אתה יכול לבנות כמעט כל דבר עם קצת יצירתיות וספריות JavaScript הנכון.

אחד כזה הוא ספריה הקלד זאת, שנבנה כמו תוסף חינם jQuery. זה מאפשר לך ליצור דינמי הקלדה אנימציות זה נראה מציאותי להפליא. אתה יכול גם להגדיר הפסקות מותאמות אישית בין הקשות כדי לבנות הקלה משלך עבור האנימציה.

TypeIt הוא 100% חינם וקוד פתוח, שנבנה כ כלי טקסט עבור הקהילה jQuery. כל התיעוד זמין באופן מקוון ו incredibly קל לעקוב.

עם זאת, רק לציין כי בעוד TypeIt מגיע עם רישיון אישי חינם - -, רישיונות מסחריים לעשות, למרבה הצער, עלות כסף. אבל, אתה יכול להשתמש רישיון אישי חינם לנצח וזה לעולם לא יפוג, אז זה משאב נהדר עבור כל הפרויקטים האישיים שלך או אפילו אתר האינטרנט האישי שלך.

אתה יכול להתחיל על ידי הוספת קובץ הגלם JavaScript TypeIt דרך CDN ימינה לכותרת הדף שלך. לאחר מכן להוסיף jQuery, לכתוב טקסט, ולחבר את כל זה ביחד. פשוט!

בדרך כלל, תוכל למקד div ספציפי בדף ולהשתמש בו כמו מכולה עבור אנימציה טקסט. הנה קטע קוד לדוגמה להראות לך איך זה עובד:

 $ ('type-it'). typeIt (strings: ['' זה החוט שלי! ']); 

על ידי עובר אפשרויות מותאמות אישית אל ה הקלד זאת() פונקציה, אתה יכול להאט את מהירות ההקלדה, להוסיף הפסקות במרווחים מסוימים, ואפילו לאפס את ההגדרות במרווחים מסוימים כדי לשנות את מהירות ההקלדה אמצע אנימציה.

אתה יכול אפילו בדוק את האפשרויות הבאות בדף התוסף אם אתה מוכן להשקיע קצת זמן מסביב עם ההגדרות.

זה בונה אנימציה טקסט הוא דוגמה מושלמת של מה שאתה יכול לעשות עם תוסף זה. אתה מקבל כל כך הרבה אפשרויות מותאמות אישית שאתה יכול אפילו לבנות יישום אינטרנט, באמצעות תוסף זה, ל ליצור אנימציות על לטוס!

בדף התוסף הראשי, תמצא גם אפשרויות מתקדמות יותר כלפי מטה עם קטעי הקוד שאתה יכול להעתיק.

אז, להוריד TypeIt ולתת לו זריקה! ברגע שאתה מקבל את זה עובד זה באמת הרבה כיף. בנוסף, אם יש לך שאלות או הצעות עבור היזם אתה יכול להתחבר איתו בטוויטר @ מקארתור.