"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > आप सीएसएस का उपयोग करके छवि मानचित्रों पर माउसओवर प्रभाव कैसे प्राप्त कर सकते हैं?

आप सीएसएस का उपयोग करके छवि मानचित्रों पर माउसओवर प्रभाव कैसे प्राप्त कर सकते हैं?

2024-11-08 को प्रकाशित
ब्राउज़ करें:869

How Can You Achieve Mouseover Effects on Image Maps Using CSS?

सीएसएस के साथ स्टाइलिंग इमेज मैप माउसओवर

इंटरैक्टिव वेब पेज बनाते समय, क्लिक करने योग्य क्षेत्रों के साथ छवियों को शामिल करना अक्सर आवश्यक होता है। आमतौर पर, यह छवि मानचित्रों का उपयोग करके हासिल किया जाता है। हालाँकि, अतिरिक्त अन्तरक्रियाशीलता प्रदान करने के लिए माउसओवर पर इन क्षेत्रों को स्टाइल करना मायावी साबित हुआ है।

अतीत में, सीएसएस का उपयोग करके इन क्षेत्रों को स्टाइल करने का प्रयास सीमित सफलता के साथ मिला है, जैसा कि प्रदान किए गए उदाहरण से पता चलता है: ]'स्थान

locations map
area { border: 1px solid #d5d5d5; }
सीएसएस-केवल समाधान

सौभाग्य से, केवल सीएसएस का उपयोग करने का एक सरल समाधान है:

.area {
    background: #fff;
    display: block;
    height: 475px;
    opacity: 0;
    position: absolute;
    width: 320px;
}
#area2 {
    left: 320px;
}
#area1:hover, #area2:hover {
    opacity: 0.2;
}
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3