onclick：单击时触发事件
onmouseover：鼠标进入时触发事件
onmouseout：鼠标离开时触发事件
事件三要素：最基础的内容
事件源：有监听的HTML 标签，能响应事件的HTML 标签，就是事件源。
事件名：用户的特定行为，比如onclick
事件的响应：就是一个个function
通过ID来获得元素：document.getElementById("XXX")；
通过Class来获得元素：document.getElementByClassName("XXX")。
导航菜单：对选项添加鼠标进出事件。
display为none的元素隐藏且会让出自己的位置。
visibility为hidden的元素隐藏但是不让出自己的位置.
.png)
关于定位：用position，口诀：”子绝父相“.
JS编程必须要先布局，布局稳定了在做下一步。
水平菜单
1） 脱标，留在原地。position:absolute ,不写top 值，可以写left 值来调整位置。
2） 空档一定是父盒子的padding，而不能是子盒子的margin
3） 监听一定是在li 身上，而不能是a 身上
4） 要学会用class“避讳样式”——我们的后代选择器有点不好用，所以就要给不同的li 加上不同的class
区分即可，通过class 来添加样式
5） 不要过分的追求所谓优雅的代码