步骤:
1 学习了解掌握居中的写法 用法,怎么写 ?怎么用?
2通过原生js代码 在点击左右按钮的同时让小车运动起来,听从我们的支配
3
深入1 加上上下按钮
深入2 加入停止按钮
深入3给按钮加样式 更美观一些
深入4想用键盘操作小车运动 先测出键码
深入5利用我们自己测出的键码进行键盘指挥小车运动
深入6利用jquery让小车自动运动
深入7为了美观 让我们按键的时候按钮的样式发生变化。有待于同学们继续进行深入讨论。作业
通过小车问题想让大家记住的东西
1 居中问题。绝对是居中,我认为这个比较简单 而且想调位置上下左右哪都能调。例如我刚才的小车
width:200px;
height:200px;
给定宽高
margin:auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
2 定时器问题
防止定时器效果叠加
1 setTimeout这种定时器,不清理就会在线程空闲后立即执行一次。
2 setInterval这种,不清理,就一直按照间隔不断的执行下去。
导致用户体验不好
3运动的元素必须设置定位!
4接触的 新单词 speed 是速度的意思
speed>0是向右
speed<0为向左。
且speed值越大 速度越快(speed的值不一定为整数)。
5stop()问题
运动之前需要加stop()另一个运动开始之前先停止前一个的运动