jquery下拉菜单

Question

<style type="text/css">
<!--
.memu{width:100px; height:25px; background:#CCC; }
.memu_top{width:100px; height:24px;text-align:center; line-height:24px;}
.memu_bottom{width:100px; position:absolute; background-color:#FFF; display:none}
-->
</style>
<script type="text/javascript">
$().ready(function(){
       $('.memu').mousemove(function(){$(this).children('.memu_bottom').show()})
       $('.memu').mouseout(function(){$(this).children('.memu_bottom').hide()})
})
</script>
<div class="memu">
<div class="memu_top">菜单</div>
<div class="memu_bottom">
dasdasdas<br />
dasdasd<br />
dasdasd<br />
sdasdasd
</div>
</div>
大家请看下这样是没有任何问题的 大家加个jquery试试但是mousemove时间变成click的时候 这个菜单就不好使了~大家帮解决下~ 谢谢了

Answer 1

<style type="text/css">
<!--
.memu{width:100px; height:25px; background:#CCC; }
.memu_top{width:100px; height:24px;text-align:center; line-height:24px;}
.memu_bottom{width:100px; position:absolute; background-color:#FFF; display:none}
-->
</style>
<script type="text/javascript">
$().ready(function(){
    var timer = null;
    $('.memu').click(function(){
var me = this;
$(this).bind('mousemove',function(){
$(me).children('.memu_bottom').show();
if(timer) clearTimeout(timer);
});
$(this).children('.memu_bottom').show();
    });
    $('.memu').mouseout(function(){
var me = this;
timer  = setTimeout(function(){
$(me).children('.memu_bottom').hide();
$(me).unbind('mousemove');
     },500);
});
})
</script>
<div class="memu">
<div class="memu_top">菜单</div>
<div class="memu_bottom">
dasdasdas<br />
dasdasd<br />
dasdasd<br />
sdasdasd
</div>
</div>

Answer 2

啥也不说了 感谢ing   能不能给讲讲思路~！