Question

dreamwaver下拉菜单

代码是这样写的<script type="text/javascript">
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "none";
}
</script>
导航条也做好了，需要有下拉菜单那列是这么写的<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
就是不知道鼠标经过出现的那部分下拉菜单，是怎么做的，又是怎么和这些关联上的？

Answer 1

首先要知道：
onmouseover是移动到该元素上时触发。
onmouseout是离开该元素时触发。
然后看js：
displaySubMenu(li)的意思是：
给函数传递一个元素，
获取此元素下的所有ul标签，
并将它显示出来。
hideSubMenu(li)与上面的原理一样。