大家帮我分析一下这个菜单（特别简单）。

Question

1,
<style>#D1 {
BACKGROUND-COLOR: lightblue;
BORDER-BOTTOM: white 2px outset; 
BORDER-LEFT: white 2px outset; 
BORDER-RIGHT: white 2px outset;
BORDER-TOP: white 2px outset; LEFT: 0px;
POSITION: absolute; TOP: 70px; VISIBILITY: hidden;
WIDTH: 200px; layer-background-color: lightblue
}
是用对id为D1的层~~~~这里有ID值:<div id="D1">~~~进行样式设计,比如定义长宽高,和色彩等等.
2.
document.D1.onmouseover = menuOut //鼠标经过层D1时触发的事件menuOut()
document.D1.onmouseout = menuIn //鼠标离开层D1时触发的事件menuIn()

Answer 1

<style>#D1 {
BACKGROUND-COLOR: lightblue;  //背景颜色
BORDER-BOTTOM: white 2px outset;  //下边框颜色，粗细，特性
BORDER-LEFT: white 2px outset;  //左边框颜色，粗细，特性
BORDER-RIGHT: white 2px outset; //右边框颜色，粗细，特性
BORDER-TOP: white 2px outset; LEFT: 0px; //上边框颜色，粗细，特性
POSITION: absolute; TOP: 70px; //绝对定位
         VISIBILITY: hidden;  //是否隐藏:是
WIDTH: 200px; //宽
         layer-background-color: lightblue  //层背景
}这段话是什么意思。我查了半天手册，也看不明白，好像是定义一个文档对象。document.D1.onmouseover = menuOut //鼠标经过层D1时触发的事件menuOut()
document.D1.onmouseout = menuIn //鼠标离开层D1时触发的事件menuIn()