intro.js - वेबपेज के लिए वॉकथ्रू

यह छोटा पुस्तकालय किसी वेबसाइट या एप्लिकेशन के लिए चरण-दर-चरण परिचय बनाना आसान बनाता है। पृष्ठ के आवश्यक तत्वों के साथ क्रमशः विवरण और चरण संख्या के साथ data-intro और data-step विशेषताओं को जोड़ना पर्याप्त है। इस तरह:

 <a href='http://google.com/' data-intro='Hello step one!' data-step='1'></a> 

प्रस्तुति शुरू करने के लिए, आपको introJs().start() फ़ंक्शन को कॉल करने की आवश्यकता है। प्रत्येक भाग के तत्वों के लिए विभिन्न वर्गों को असाइन करके और एक विशिष्ट वर्ग के लिए परिचय को प्रतिबंधित करके परिचय को भागों में तोड़ा जा सकता है। उदाहरण के लिए, यदि प्रस्तुति के पहले भाग के सभी तत्वों में वर्ग है। .introduction-first , और दूसरा - .introduction-second , तो आप पहले केवल पहले भाग को कॉल कर सकते हैं, और दूसरे स्थान पर, उदाहरण के लिए, उपयोगकर्ता द्वारा कुछ कार्य किए जाने के बाद, दूसरा:

 introJs(".introduction-first").start(); ... introJs(".introduction-second").start(); 

तत्वों को data-intro विशेषताओं में निर्दिष्ट टिप्पणियों के साथ वैकल्पिक रूप से हाइलाइट किया गया है। आप कीबोर्ड पर तीर के साथ या माउस क्लिक के साथ उनके बीच जा सकते हैं। प्रोजेक्ट वेबसाइट में एक लाइव डेमो है ।

पुस्तकालय को कुछ दिन पहले ही एमआईटी लाइसेंस के तहत जीथब पर प्रकाशित किया गया था। लेखक विभिन्न ब्राउज़रों के साथ संगतता में सुधार करने के लिए निकट भविष्य की योजना बना रहा है, वर्तमान तत्व के बारे में टूलटिप की स्थिति की क्षमता जोड़ें। रूबी ऑन रेल्स के साथ उपयोग के लिए पहले से ही एक संबंधित रत्न है , Yii के लिए एक विजेट भी है।