下拉列表不起作用

Question

为什么当鼠标移出列表的第一个元素时下拉列表会消失？仅当鼠标移出整个列表时，列表才应淡出？请帮忙。

<html>
<head>

<style>
ul{
list-style-type:none;
}

li{
float:left;
}
#hidden2{
display:none;
}
</style>
</head>
<body>
<ul>
    <li >
        <a href="#" onclick="return false;" onmousedown="hidden2.style.display='block'">Names</a> 
            <ul id="hidden2" onmouseout="style.display='none'"> 
                <li><a  href="#">Name1</a>
                    <a  href="#">Name2</a>
                    <a  href="#">Name3</a>
                    <a  href="#">Name4</a>
                </li>
            </ul>       
    </li>
</ul>
<body>
</html>

Answer 1

尝试onmouseleave而不是onmouseout

<ul>
    <li >
        <a href="#" onclick="return false;" onmousedown="hidden2.style.display='block'">Names</a> 
            <ul id="hidden2" onmouseleave="style.display='none'"> 
                <li><a  href="#">Name1</a>
                    <a  href="#">Name2</a>
                    <a  href="#">Name3</a>
                    <a  href="#">Name4</a>
                </li>
            </ul>       
    </li>
</ul>

的jsfiddle

下拉列表不起作用

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-05-03 05:07:15

下拉列表不起作用

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-05-03 05:07:15

解决方案1
1 已采纳 2014-05-03 05:07:15