आईई 6 में गैर-एंकर टैग के लिए होवर छद्म-वर्ग अनुकरण करने का सबसे सरल और सबसे सुरुचिपूर्ण तरीका क्या है?आईई 6 सीएसएस होवर गैर एंकर टैग
मैं विशेष रूप से इस उदाहरण में कर्सर को एक सूचक के रूप में बदलने की कोशिश कर रहा हूं।
मैं कहूंगा कि सबसे आसान तरीका ऑनसाउसओवर/आउट जावास्क्रिप्ट कार्यों को जोड़ना होगा।
मुझे लगता है कि सबसे आसान तरीका hover.htc दृष्टिकोण का उपयोग करना है। आप अपनी साइट के लिए hover.htc फ़ाइल जोड़ने, तो अपने स्टाइलशीट में इसे संदर्भ:
body { behavior:url("csshover.htc"); }
आप चीजों के रूप में के रूप में स्वच्छ संभव रखने के लिए चाहते हैं, तो यह है कि लाइन ही साथ उन प्रदान की गई है आप IE सशर्त टिप्पणियों का उपयोग कर सकते हैं IE6।
आइटम के आधार पर एक और दृष्टिकोण, एक गैर लिंक एंकर जोड़ने और ब्लॉक को अपना डिस्प्ले सेट करना है। या तो उस चीज के अंदर या उसके आस-पास लंगर डालें जिसे आप छद्म होवर व्यवहार चाहते हैं।
मुझे माउसओवर/आउट सर्वश्रेष्ठ पसंद आया क्योंकि मुझे वास्तव में किसी भी तरह से छवि को स्वैप करने की आवश्यकता है। मुझे वास्तव में जावास्क्रिप्ट के साथ शुरू करने के बारे में सोचना चाहिए था।
त्वरित उत्तरों के लिए धन्यवाद।
@ जोसेफ
उस लिंक के लिए धन्यवाद। मैंने इस तकनीक को पहले और वास्तव में विचार पसंद नहीं किया था।
मैं निश्चित रूप से कोशिश करूँगा और देखें कि मैं इसके साथ कैसे किराया करता हूं।
एक तरफ:
मैं वास्तव में पहले से ही छवि स्वैप करने के लिए किसी भी तरह
सुनिश्चित करें कि आप Image Sprites पर एक नज़र डालें बनाने की जरूरत है। कभी-कभी छवि को दो अलग-अलग छवियों और "टॉगल" या "स्वैप" का उपयोग करने के लिए छवि को "छवि" का उपयोग करने के लिए बहुत अच्छा लगता है। मेरे अनुभव में यह बहुत अच्छा रहा जब उपयोगकर्ता इसके साथ इंटरैक्ट करता है कभी-कभी एक फायदा होता है कि 1 छवि के लिए एक ही अनुरोध है तो एकाधिक छवियों के लिए एकाधिक अनुरोध।
आपके अनुरोध के बारे में - मैं विशेष रूप से एक सूचक की है कि इस मामले में कर्सर को बदलने के लिए कोशिश कर रहा हूँ - सबसे आसान तरीका है अपने सीएसएस में cursor:pointer निर्दिष्ट करने के लिए है। मुझे लगता है कि आपको लगता है कि आईई 6 में काम करता है
इस सत्यापित करने के लिए प्रयास करें (जहां div किसी भी तत्व हो सकता है) मिल जाएगा:
<div style="background:orange; cursor:pointer; height:100px; width:100px;">
Hover
</div>
यदि आपका JQuery का उपयोग करने के लिए तैयार है, मैं Set Hover Class for Anything तकनीक का प्रयोग करेंगे।
एक और विकल्प जो एक बार में कई और मुद्दों को ठीक करेगा, IE7.js का उपयोग करना है।
"विशेष रूप से कर्सर को बदलने की कोशिश कर रहा है" को जावास्क्रिप्ट की आवश्यकता नहीं है।बस इस सीएसएस नियम का प्रयोग करें: कर्सर: सूचक; – Liam
लेकिन "आईई 6 में गैर-एंकर टैग के लिए होवर छद्म-वर्ग अनुकरण करने के लिए" बस करता है, और यही वह सवाल है जिसका मैं जवाब दे रहा था। जब लोग "आईई गैर-एंकर होवर" के उत्तर की तलाश में हैं, तो "कर्सर का उपयोग करें": पॉइंटर '"सहायक नहीं होगा। –
इस समाधान का jQuery कार्यान्वयन http://blog.delivi.com/javascript/updated-hover-for-non-anchor-elements-in-ie6/ पर पाया जा सकता है इस स्निपेट को आसानी से उपयोग के लिए संशोधित किया जा सकता है अन्य जावास्क्रिप्ट ढांचे या सादा जावास्क्रिप्ट। इस स्क्रिप्ट का एक बड़ा अग्रिम यह है कि इसे कोई एचटीसी की आवश्यकता नहीं है, इसलिए कोई अमान्य सीएसएस नहीं है और केवल 6 यानी द्वारा निष्पादित और निष्पादित किया जाएगा, इसलिए आपको अन्य ब्राउज़रों में कोई प्रदर्शन अंतर दिखाई नहीं देगा। –