$(function(){
$("div#container ul.sub ul").parent().append("<em></em>");
$('div#container ul').closest('li').hover(function(){
//if ($(this).children("a.link").hasClass("active")){return false;};
$(this).find("a.link").addClass("hover");
$(this).children("ul").stop(true,true).slideDown('fast').show();
$("div#container ul>li").hover(function(){$(this).addClass("hover")},function(){$(this).removeClass("hover")});
},function(){$(this).find("a.link").removeClass("hover");$(this).children("ul").stop(true,true).hide();});
});
这是一段导航条下拉菜单的JS代码，作用是鼠标指到container这个DIV下的ul.li上的时候弹出下拉菜单，鼠标离开导航或下拉菜单时缩回下拉菜单。
现在问题是container和下拉菜单中隔了一条在container下ID为buoy的DIV，鼠标指上这块div时导航就会缩回去，求教怎么让鼠标离开导航按钮进入buoy时导航不缩回去。。谢谢！
------解决方案--------------------
给你说个简单的方法 楼主 ，你把要下拉的DIV放在 对应的菜单中比如<li>滑上来下拉<div>我是下拉框</div></li>定位用绝对定位DIV ，，再同jquery hover就OK了