Question

jquery 隐藏div

$(function(){
$("#Show_Menu").mouseover(function(){
var X=$(this).offset().top;
var Y=$(this).offset().left;
var MainMenu_X=X-74;
var MainMenu_Y=Y-0;
$("#MainMenu").css({"margin-left":MainMenu_Y,"margin-top":MainMenu_X}).slideDown();
},function(){
$("#MainMenu").hide();
})

$("#MainMenu").mouseover(function(){
$(".MainMenu").show();
},function(){
$(".MainMenu").hide();
});

});

怎么我有show_menu鼠标经过时会出来MainMenu(MainMenu里有很多DIV内容的)当鼠标移出MainMenu层时却没反应。麻烦看一下错在哪里了

Answer 1

你的意思是hover吧？而不是mouseover.
mouseover要和mouseout一起用的。

你把mouseover换成hover就可以了。

Answer 2

<script src="jquery-1.6.min.js" type="text/javascript"></script>

<script>
$(document).ready(function(){
$("#div1").mouseover(function(){
$("#div1").html("fdsfsdfsdf");
});
$("#div1").mouseout(function(){
$("#div1").html("");
});
});
</script>

<div id="div1" style="width: 800px; height: 400px; border: 1px solid #CCC;"></div>

Answer 3

应该是嵌套问题 你鼠标移出MainMenu 时 有可能还在MainMenu里面 也就是又在执行事件了