我想做一个类似菜单的按钮,然后当鼠标移动到按钮上时会出现一个下拉菜单,然后如果当鼠标移动到菜单上时,这个菜单不会消息,然后如果要是当前鼠标既不在按钮上又不在菜单上时就会消失,所以我对当鼠标移动到按钮上后已经显示菜单后怎么判断鼠标是不是移动到了菜单上感到困惑,
jquery 的
mouseover http:-//api.jquery-.com/mouseover/
mouseleave http:-//api.jquery-.com/mouseleave/
mouseenter http:-//api.jquery-.com/mouseenter/
mouseout http:-//api.jquery.-com/mouseout/
<script type="text/javascript">
function init(){
var a=document.getElementById("test");
var b=document.getElementById("div");
a.onmouseover=s;
a.onmouseout=h;
b.onmouseover=s;
b.onmouseout=h;
}
function s(){
var b=document.getElementById("div");
b.style.display="";
}
function h(){
var b=document.getElementById("div");
b.style.display="none";
}
window.onload=init;
</script>
<input type="button" value="test" id="test">
<div id="div" style="background-color:#0F0; width:100px; height:400px;display:none"></div>
这样试试
主要就是延时,例如