दिलचस्प पोस्ट
यदि एक पंक्ति एक MySQL तालिका में मौजूद है, तो जांचने का सर्वोत्तम तरीका addEventListener बनाम onclick जावा में एन्कोडिंग यूआरएल क्वेरी पैरामीटर नीग्रै सरणियों के स्वैप स्लाइस मैं कैसे चेक कर सकता हूं कि जावास्क्रिप्ट के साथ एक रेडियो बटन चुना गया है? सी ++ 11 में यूनिकोड कितनी अच्छी तरह समर्थित है? निविष्टियों के MVC3 निर्विरोध सत्यापन समूह एंड्रॉइड – कैमरा पूर्वावलोकन बग़ल में है फोर्स आर को घातीय अंकन (जैसे ई + 10) का उपयोग नहीं करने के लिए? सी # के साथ प्रोल को एकीकृत करना जावास्क्रिप्ट आईई पता लगाने, क्यों नहीं सरल सशर्त टिप्पणियों का उपयोग करें? Arguments.callee पदावनत है – इसके बजाय क्या उपयोग किया जाना चाहिए? एसक्यूएल अद्यतन एक अलग कॉलम से संदर्भित एक संबंधित तालिका में मान के बराबर होने के लिए एक कॉलम सेट करें? स्प्रिंग 3.0 के साथ, क्या मैं एक वैकल्पिक पथ चर बना सकता हूँ? एक "git निर्यात" (जैसे "svn निर्यात") करें?

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

मैंने कई अन्य प्रश्नों को देखा है, लेकिन मैं उनमें से किसी को समझने में असमर्थ हूं, इसलिए मेरी समस्या है, मैं एक 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> 

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

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

आप इसे केवल सीएसएस में प्राप्त कर सकते हैं यदि छिपी हुई 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(){...}); )