मार्जिन हाओवर टेक्स्ट को किसी भी वेबसाइट पर आसानी से मार्जिन के साथ जोड़ें
इनलाइन टूलटिप्स शानदार हैं, लेकिन कभी-कभी वे केवल कुछ सामग्री के साथ अच्छी तरह से फिट नहीं होते हैं। अधिकांश वेबसाइट पेज बॉडी के साथ मार्जिन में जगह छोड़ती हैं और यह जोड़ने के लिए एकदम सही है टूलटिप्स के बिना टूलटिप शैली की सामग्री.
दर्ज Marginotes, एक मुक्त खुला स्रोत jQuery प्लगइन है कि कस्टम नोट्स को हाशिये पर जोड़ता है आपके वेब पेज पर आप इन नोटों को पेज पर मौजूद लिंक या कुछ तत्वों जैसे चित्रों के आधार पर टॉगल कर सकते हैं.
यह प्लगइन आश्चर्यजनक रूप से स्थापित करना आसान है और यह एक के साथ आता है डिफ़ॉल्ट स्टाइलशीट अपने मार्जिन नोटों के लिए। ये दिखाई देते हैं बंद करने के लिए आपकी सामग्री के साथ और वे आपके वेब पेज पर पैराग्राफ तत्व के ठीक बगल में हैं.
होवर नोट हैं मैन्युअल रूप से जोड़ा गया अपने HTML तत्वों के लिए, इसका उपयोग करना desc गुण. मैंने इसे एचटीएमएल 5 में कभी नहीं देखा है इसलिए मैं यह नहीं कह सकता कि क्या यह पूरी तरह से अनुपालन है। लेकिन, यह जावास्क्रिप्ट द्वारा उठाया जाता है जो आपको वास्तव में चाहिए.
आप भी कर सकते हैं इस विशेषता को बदलें जब तुम दौड़ते हो marginotes () फ़ंक्शन, ताकि आप इसे कुछ इस तरह बदल सकें डेटा-desc यदि आप अधिक आज्ञाकारी दिख रहे हैं.
यहाँ है jQuery की एक पंक्ति इस प्लगइन को काम करने के लिए आवश्यक:
$ ( "चयनकर्ता")। Marginotes ()
आपको प्रतिस्थापित करना चाहिए "चयनकर्ता" जिन भी तत्वों को आप लक्षित कर रहे हैं। इसलिए, यदि वे आपके पेज बॉडी के अंदर हैं तो आप उपयोग कर सकते हैं "। हर कोई". आप भी कर सकते हैं लंगर लिंक को लक्षित करें या कुछ वर्गों द्वारा इन तत्वों में जोड़ा गया.
के अंदर marginotes () फ़ंक्शन, आप जोड़ सकते हैं दो वैकल्पिक पैरामीटर मार्जिन नोट प्रारूप को बदलने के लिए:
चौड़ाई- नोट चौड़ाई सेट करता है (100px तक की चूक)खेत- HTML सामग्री विशेषता सेट करता है (डिफ़ॉल्ट के लिए)"Desc")
इसके अलावा, अगर आपको jQuery का उपयोग करना पसंद नहीं है, तो आप कोशिश कर सकते हैं वेनिला मार्जिन प्लगइन. यह वेनिला जेएस पर चलता है, इसलिए आपके पास है शून्य निर्भरता सभी समान सुविधाएँ पाने के लिए.
आप यह भी देख सकते हैं लाइव डेमो यदि आप इसे कार्रवाई में देखना चाहते हैं। यह निश्चित रूप से एक अनूठा प्लगइन है और यह एक शानदार तरीका है कुछ अतिरिक्त सामग्री जोड़ें आपकी साइट पर.
