导航页下拉菜单

一、效果图

二、相关知识点

Position 属性

1、static ：默认值 没有定位 元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）。

2、fixed ：相对于浏览器窗口进行定位。通过left top right 以及 bottom 属性进行规定

3、relative ： 相对于自身正常位置进行定位。通过left top right 以及 bottom 属性进行规定

4、absolute : 相对于static定位以外的第一个父元素进行定位。元素的位置通过left top right 以及 bottom 属性进行规定

鼠标指针浮动事件

1、css 定义hover选择器：

li:hover>ul{display:block;}

2、JavaScript 定义方法（对象为参数）、事件（调用方法、传入对象）