HINT.css - CSS टूलटिप्स

क्या

Hint.css जावास्क्रिप्ट का उपयोग किए बिना CSS3 के टूल का उपयोग करके टूलटिप लाइब्रेरी है।

पुस्तकालय टूलटिप्स प्रदर्शित करने के लिए डेटा- * विशेषता, छद्म तत्व, सामग्री संपत्ति और CSS3 संक्रमण का उपयोग करता है।

पुस्तकालय के डेवलपर्स याद दिलाते हैं कि छद्म तत्वों के लिए CSS3 संक्रमण केवल अब तक फ़ायरफ़ॉक्स ब्राउज़र में काम करते हैं, लेकिन जल्द ही वेबकिट में उपलब्ध होंगे।

कैसे

1. लाइब्रेरी को डाउनलोड करें और कनेक्ट करें।
2. तत्वों के डेटा-संकेत विशेषता में, सहायता पाठ लिखें।
3. तत्वों के लिए संकेत वर्ग निर्दिष्ट करें।
4. निम्न वर्गों में से एक का उपयोग करके टूलटिप की स्थिति को इंगित करें:

• संकेत - शीर्ष
• संकेत - ठीक है
• संकेत - नीचे
• संकेत - छोड़ दिया

डिफ़ॉल्ट रूप से, एक काला टूलटिप प्रदर्शित होता है। रंग बदलने के लिए, निम्न वर्गों में से एक को तत्व में जोड़ा जाता है:

• संकेत - त्रुटि - लाल
• संकेत - जानकारी - भूरा
• संकेत - चेतावनी - नीला
• संकेत - सफलता - हरा

यह सुनिश्चित करने के लिए कि टूलटिप हमेशा प्रदर्शित होता है, और न कि जब कर्सर खत्म होता है, तो संकेत - हमेशा क्लास का उपयोग किया जाता है।

क्यों

सरल, तेज, सुंदर और न्यूनतम संस्करण में केवल 4Kb।

UPD 1:
छद्म तत्वों के लिए CSS3 संक्रमण पहले से ही IE10 में उपलब्ध हैं (धन्यवाद roman01la ), ओपेरा (संस्करण 12.02 पर परीक्षण, धन्यवाद loingrim )

UPD 2:
निम्नलिखित ब्राउज़र समर्थित नहीं हैं:

• IE <9 ( DjOnline के लिए धन्यवाद)