कोड टाइपिंग टेक्स्ट एनिमेशन jQuery TypeIt के साथ
jQuery और पाठ का कॉम्बो वेब पर कोई सीमा नहीं है। आप थोड़ी रचनात्मकता और सही जावास्क्रिप्ट पुस्तकालयों के साथ लगभग कुछ भी बना सकते हैं.
ऐसा ही एक पुस्तकालय है यह टाइप करें, एक नि: शुल्क jQuery प्लगइन के रूप में बनाया गया है। यह आपको बनाने देता है गतिशील टाइपिंग एनिमेशन यह अविश्वसनीय रूप से यथार्थवादी लग रहा है। तुम भी एनीमेशन के लिए अपनी सहजता का निर्माण करने के लिए कीस्ट्रोक्स के बीच कस्टम ठहराव को परिभाषित कर सकते हैं.
TypeIt एक के रूप में बनाया 100% मुक्त और खुला स्रोत है jQuery समुदाय के लिए पाठ उपकरण. प्रलेखन के सभी ऑनलाइन उपलब्ध है और अविश्वसनीय रूप से पालन करने में आसान है.
हालाँकि, बस ध्यान दें कि टाइप इट के साथ आता है मुफ्त व्यक्तिगत लाइसेंस, वाणिज्यिक लाइसेंस, दुर्भाग्य से, पैसे खर्च करते हैं। लेकिन, आप मुफ्त व्यक्तिगत लाइसेंस का हमेशा के लिए उपयोग कर सकते हैं और यह कभी समाप्त नहीं होता हैं, इसलिए यह आपकी सभी निजी परियोजनाओं या यहां तक कि आपकी निजी वेबसाइट के लिए एक महान संसाधन है.
आप द्वारा शुरू कर सकते हैं CDN के माध्यम से कच्चे टाइप इट जावास्क्रिप्ट फ़ाइल को जोड़ना आपके पेज के हेडर पर राइट। फिर jQuery जोड़ें, कुछ पाठ लिखें, और इसे सभी को एक साथ कनेक्ट करें। सरल!
आमतौर पर, आप करेंगे पृष्ठ पर एक विशिष्ट div लक्षित करें और पाठ एनीमेशन के लिए एक कंटेनर के रूप में उपयोग करें। यहाँ एक है नमूना कोड स्निपेट आपको यह दिखाने के लिए कि यह कैसे काम करता है:
$ ('टाइप-इट')। टाइप करें (स्ट्रिंग्स: ['यह मेरा स्ट्रिंग है!']); द्वारा कस्टम विकल्प पास करना को यह टाइप करें() फ़ंक्शन, आप टाइपिंग की गति को धीमा कर सकते हैं, कुछ अंतरालों पर पॉज़ जोड़ सकते हैं, और यहां तक कि टाइपिंग गति मध्य-एनीमेशन को बदलने के लिए निश्चित अंतराल पर सेटिंग्स रीसेट करें.
तुम भी इन विकल्पों का परीक्षण करें यदि आप सेटिंग्स के साथ आसपास कुछ समय बिताने के लिए तैयार हैं, तो प्लगइन पृष्ठ पर.
यह टेक्स्ट एनीमेशन बिल्डर इस प्लगइन के साथ आप क्या कर सकते हैं इसका आदर्श उदाहरण है। आपको इतने सारे कस्टम विकल्प मिलते हैं कि आप एक वेब ऐप भी बना सकते हैं, इस प्लगइन का उपयोग कर, सेवा मेरे मक्खी पर एनिमेशन बनाएं!
मुख्य प्लगइन पृष्ठ पर, आप भी पाएंगे अधिक उन्नत विकल्प कोड स्निपेट के साथ नीचे की ओर आप कॉपी कर सकते हैं.
तो, TypeIt डाउनलोड करें और इसे एक शॉट दें! एक बार जब आप इसे काम करते हैं तो यह वास्तव में बहुत मज़ा आता है। और, यदि आपके पास डेवलपर के लिए कोई प्रश्न या सुझाव है तो आप ट्विटर @amacarthur पर उससे जुड़ सकते हैं.
