js制作下拉菜单，但是鼠标从导航上移走菜单就会消失是肿么回事？ 50

代码是这样的：<head><style>#menu{margin:0300px;}#menuli{background-color:g... 代码是这样的：


<head>
<style>
#menu { margin: 0 300px; }
#menu li { background-color: gray;
margin: 0px; padding:0px;
list-style: none; float: left; }
#menu li a {
display: block;
background-color: #FEE5AC;
text-decoration: none;
margin:1px; padding:10px;
width:80px; height: 20px;
text-align:center; }
#menu li a:hover { background: #aaddaa; }
#menu ul {
display: none;
margin:0; padding:0;
}
#menu ul li {
float:none;
margin: 0px; padding: 0px;
}
#menu ul a {
display: block;
background-color: #70DBDB;
margin: 1px; padding: 10px;
width:80px;
text-align: left;
}
#menu ul a:hover { background-color: #EBEBFA; }
</style>
<script>
function openMenuList(id) {
var dom = document.getElementById(id);
dom.style.display = "block";
}
function closeMenuList(id) {
var dom1 = document.getElementById(id);
dom1.style.display = "none";
}
function showMenuList(){
var doms = document.getElementById();
doms.style.visibility = "visible";
}
</script></head>
<body>
<nav>
<ul id="menu">
<li><a href="#" onmouseover="openMenuList('menu1')" onmouseout="closeMenuList('menu1')">Products</a>
<ul id="menu1" onmouseover="showMenuList()" onmouseout="closeMenuList('menu1')">
<li onclick="loadItems('book')"><a href="#" >Books</a></li>
<li onclick="loadItems('movie')"><a href="#" >Movies</a></li>
</li>
</ul>
</nav></body>
然后鼠标移到products上菜单会出现，但是鼠标移走之后就会消失，不能点下拉菜单上的项。只能修改script部分……作业在线等，求好心人帮忙！展开

 我来答

1个回答

#合辑# 机票是越早买越便宜吗？

gundampan
2014-11-05

知道答主

回答量：3

采纳率：0%

帮助的人：2.5万

我也去答题访问个人页

关注

展开全部

<a href="#" onmouseover="openMenuList('menu1')" onmouseout="closeMenuList('menu1')">Products</a>

onmouseover和onmouseout决定了鼠标指针移上去打开菜单，鼠标指针移走后关闭菜单

追问

这段不能改，是题目，能改的只有script部分。其实是让我们单独做一个js文件，但是提问粘不下所以归到一起来了。我想知道的是script部分错哪儿了……

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js制作下拉菜单，但是鼠标从导航上移走菜单就会消失是肿么回事？ 50

为你推荐：