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