码迷,mamicode.com
首页 > Web开发 > 详细

JS思想

时间:2016-12-11 03:12:20      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:hidden   img   隐藏   one   区分   自己   标签   style   事件   

能从宏观上把握程序
 
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) 不要过分的追求所谓优雅的代码

JS思想

标签:hidden   img   隐藏   one   区分   自己   标签   style   事件   

原文地址:http://www.cnblogs.com/panweiwei/p/6158713.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!