दिलचस्प पोस्ट
ट्रिगर से ई-मेल भेजें मैं विंडोज़ एपीआई का उपयोग कर इसे सक्रिय करने के बिना विंडो में प्रमुख स्ट्रोक कैसे भेजूं? Android कैमरा घुमाएगा System.in से लिंक स्कैनर को बंद करें क्या एक XSLT नाम का तत्व है? सरणी और वस्तु के बीच अंतर क्या है? समय को संकलित करने में अंत्यता का निर्धारण करना एएसपी.नेट वेब एपीआई में HTTP PUT की अनुमति नहीं है JComboBox तालिका संपादक को कैसे बनाने के लिए एक साधारण जेसीम्बोबॉक्स का डिज़ाइन है? एक XElement के InnerXml प्राप्त करने का सबसे अच्छा तरीका है? एक Chrome एक्सटेंशन से HTTP प्रतिक्रियाओं को संशोधित करें क्यों BinaryWriter एक धारा की शुरुआत करने के लिए गुनगुना हो सकता है? आप इसे कैसे से बचें? MySQL में एपॉस्ट्रॉफी (') कैसे बचें? इंस्ट्रेंट एंड्रॉइड के लिए उपयोगकर्ता परिभाषित ऑब्जेक्ट की सरंक्षी रेंज पायथन की मानक पुस्तकालय – क्या संतुलित द्विआधारी पेड़ के लिए एक मॉड्यूल है?

किसी अन्य पर मँडरा करते हुए एक तत्व को कैसे बदला जाए

मैंने कई अन्य प्रश्नों को देखा है, लेकिन मैं उनमें से किसी को समझने में असमर्थ हूं, इसलिए मेरी समस्या है, मैं एक div या span रखना चाहूंगा, जब आप उस पर चलते हैं तो एक क्षेत्र दिखाई देगा और वह एक बूंद जैसा होगा नीचे।

जैसे कि मेरे पास एक डिवि है, और मैं इसे खत्म करना चाहता हूं और इसे उस आइटम के बारे में कुछ जानकारी दिखाती हूं जिस पर मैं था

<html> <head> <title>Question1</title> <styles type="css/text"> #cheetah { background-color: red; color: yellow; text-align: center; } a { color: blue; } #hidden { background-color: black; } a:hover > #hidden { background-color: orange; color: orange; } </styles> </head> <body> <div id="cheetah"> <p><a href="#">Cheetah</a></p> </div> <div id="hidden"> <p>A cheetah is a land mammal that can run up 2 60mph!!!</p> </div> </body> </html> 

लेकिन यह ^ काम करने के लिए प्रतीत नहीं होता, मुझे पता नहीं क्यों … और अगर सीएसएस में ऐसा करने का कोई तरीका है, तो मैं जानना चाहूंगा, लेकिन मुझे कोई भी और सभी सुझाव चाहिए

Solutions Collecting From Web of "किसी अन्य पर मँडरा करते हुए एक तत्व को कैसे बदला जाए"

आप इसे केवल सीएसएस में प्राप्त कर सकते हैं यदि छिपी हुई div उस तत्व का एक बच्चा है जिसे आप घूमने के लिए उपयोग करते हैं:

http://jsfiddle.net/LgKkU/

आप गैर-मूल तत्व को प्रभावित नहीं कर सकते हैं :hover सीएसएस 2 में से :hover , जो सभी सामान्य ब्राउज़रों द्वारा समर्थित है।

आप CSS2.1 चयनकर्ताओं का उपयोग कर एक भाई तत्व को प्रभावित कर सकते हैं, जैसे:

 a:hover + .sibling { ... } 

हालांकि, यह केवल प्रत्यक्ष भाई बहन के लिए काम करता है इसका मतलब है कि आप HTML को इस तरह से कर सकते हैं:

 <p><a href="#">Cheetah</a> <span class="sibling">Blah Blah Blah</span></p> 

ध्यान दें कि a और span सीधे भाई बहन हैं

यहां भाई-बहनों को काम करने वाला एक बेवकूफ है: http://jsfiddle.net/vUUxp/

हालांकि, सभी ब्रॉउशर CSS2.1 भाई चयनकर्ताओं का समर्थन नहीं करते हैं , इसलिए आपको अपने लक्षित दर्शकों के आधार पर निर्णय लेने की आवश्यकता है यदि आप इसका इस्तेमाल कर सकते हैं या नहीं।

संपादित करें : + चयनकर्ता के लिए सीएसएस संस्करण पर मेरी गलती को ठीक किया: यह 2.1 है जो इसे परिभाषित करता है, CSS3 नहीं। मैंने ब्राउज़र समर्थन दिखाए लिंक भी जोड़ा है। अन्यथा, जवाब एक ही है

या, अगर आप इसके लिए खुले हैं, तो jQuery का उपयोग करें।

ऐसा कुछ काम करेगा:

 $("#element") // select your element (supports CSS selectors) .hover(function(){ // trigger the mouseover event $("#otherElement") // select the element to show (can be anywhere) .show(); // show the element }, function(){ // trigger the mouseout event $("#otherElement") // select the same element .hide(); // hide it }); 

और इसे किसी DOM तैयार कार्य ( $(function(){...}); या $(document).ready(function(){...}); में लपेट करना याद रखें $(document).ready(function(){...}); )