7
मैं div के साथ एक साधारण ड्रॉपडाउन मेनू बनाना चाहता हूं लेकिन मुझे यह समस्या है: जब मेरे बटन div पर चला जाता है तो बहुत अच्छा दिखाता है लेकिन जब माउस मेरे लिंक फ़ील्ड से बाहर जाता है (इस मामले में टेक्स्ट दिखाएं/छुपाएं) मेरा div छुपाता है। मैं अपना छुपा क्षेत्र बटन कैसे बदल सकता हूं? क्योंकि मेरी फाइलों में मैं लटकती div में चयन लिंक नहीं कर सकते।शो, माउसओवर के साथ डीआईवी छुपाएं, माउसआउट
एचटीएमएल कोड:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Papermashup.com | Sliding Div</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="dropdown/drop.js" type="text/javascript"></script>
<link type="text/css" href="dropdown/drop.css" rel="stylesheet"/>
</head>
<body>
<a href="#" class="show_hide">Show/hide</a><br />
<div class="slidingDiv" style="width:103px;height:60px;">
<img alt="" height="80" src="images/dropdown.png" width="103">
</div>
</body>
</html>
सीएसएस कोड:
.show_hide {
display:none;
}
जावा स्क्रिप्ट कोड:
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').mouseover(function(){
$(".slidingDiv").slideToggle();
});
$('.show_hide').mouseout(function(){
$(".slidingDiv").slideToggle();
});
});
यू दे सकते हैं मुझे इस का एक उदाहरण दिखाते हैं? क्योंकि जब मैं ऐसा करता हूं तो मेरा ड्रॉपडाउन पागल शो छुपा मोड –
में जाता है यदि यह करता है, तो आपने जो पोस्ट किया है उसे पढ़ा नहीं है :) http://jsfiddle.net/RPdQW/2/ – roacher
आपको बहुत रोचक धन्यवाद –