Overhang.js - ड्रॉपडाउन अधिसूचना संदेशों के लिए एक jQuery प्लगइन
कितने परेशान हैं डिफ़ॉल्ट जेएस चेतावनी बक्से? वे वेब विकास के एक आदिम बीगोन युग से एक अवशेष की तरह महसूस करते हैं.
आजकल, हम बना सकते हैं विनीत अधिसूचना संदेश वही जानकारी साझा करें लेकिन उपयोगकर्ता अनुभव को बाधित न करें. और यही आप के साथ कर सकते हैं overhang.js.
यह मुफ्त jQuery प्लगइन कर सकते हैं कस्टम सूचना पट्टियाँ जोड़ें कि स्क्रीन के ऊपर से नीचे गिरा। वे CSS के माध्यम से पोस्ट किया गया तथा जावास्क्रिप्ट के साथ एनिमेटेड, इसलिए वे शीर्ष पर एक निश्चित बिंदु से नीचे जा सकते हैं पृष्ठ की लंबाई की परवाह किए बिना.
आप संदेश बना सकते हैं एक निश्चित समय के बाद ऑटो-बंद, या दूसरों कि उपयोगकर्ता इनपुट की आवश्यकता है.
संदेश दे सकते हैं रिले सफलता, विफलता, त्रुटि, या सरल सूचनाएं उपयोगकर्ता या पृष्ठ के बारे में जानकारी के साथ। संदेश भी दे सकते हैं अपने स्वयं के हाँ / कोई बटन नहीं है एक जावास्क्रिप्ट शीघ्र चेतावनी की तरह उपयोगकर्ताओं से सवाल पूछने के लिए.
यहां तक कि संकेत देने का एक विकल्प भी है कि एक इनपुट फ़ील्ड के साथ नीचे जाएं. यह ईमेल ऑप्ट-इन फॉर्म के लिए एकदम सही होगा.
Overhang.js jQuery द्वारा समर्थित सभी प्रमुख ब्राउज़रों का समर्थन करता है और यह भी है jQuery के यूआई द्वारा संचालित एनिमेटेड सुविधाओं के लिए.
JQuery और jQuery UI पुस्तकालयों के साथ, आपको भी करना होगा एक कस्टम सीएसएस फ़ाइल शामिल करें प्लगइन के साथ। तुम हमेशा अपनी वेबसाइट की स्टाइलशीट के साथ इसे मर्ज करें HTTP अनुरोधों को कम करने के लिए.
करने के लिए किए गए हर कॉल अधिकता () विधि कर सकते हैं किसी भी पैरामीटर को लें. य़े हैं बुलाया “विकल्प” और वे आपको प्रत्येक सूचना बॉक्स पर पूरा नियंत्रण देते हैं.
आप बदल सकते हैं एनिमेशन गति, अवधि, आसान, तथा बॉक्स का आकार / रंग, अन्य डिजाइन सुविधाओं के साथ.
यहाँ एक है नमूना स्निपेट प्रदर्शन कैसे करना है एक पुष्टिकरण बॉक्स बनाएं:
// कुछ पुष्टिकरण $ ("बॉडी")। ओवरहांग (टाइप: "कन्फर्म", येसमैसेज: "येस प्लीज!", नो मेसेजेज: "नो थैंक्स।"); आप देख सकते हैं यह है बहुत साधारण और यह ज्यादा jQuery कोड की आवश्यकता नहीं है.
सेवा मेरे एक प्रति डाउनलोड करें प्लगइन के माध्यम से, आप GitHub पर रेपो पर जा सकते हैं जहां आप सीधे स्रोत फ़ाइलों के माध्यम से भी ब्राउज़ कर सकते हैं। या, यदि आप चाहते हैं अधिक जीवंत उदाहरण देखें Overhang.js वेबसाइट पर सिर.
