js小练习

js小练习

 

学习要点

• 综合运用学过的知识完成几个综合小练习,巩固学过的知识。

---

阶段小练习9-1:循环变化的颜色

要求和提示：

1. 要求：单击鼠标是DIV的颜色循环变化

阶段小练习9-2:让元素跟随鼠标移动

要求和提示：

了解几个新属性：温馨提示遇到上课没有讲到的属性要学会举一反三，自己查资料解决问题...

1. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
2. scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
3. scrollHeight: 获取对象的滚动高度。
4. scrollWidth:获取对象的滚动宽度
5. document.documentElement.scrollTop||document.body.scrollTop 垂直方向滚动的值

阶段小练习9-3:显示随机键盘

要求：

1. 单击随机键盘，在文本框中输入相对应的数字
2. 单击清楚，文本框中的文字消失

阶段小练习9-4:键盘控制小球的移动

要求：

1. 通过键盘上的‘W A S D’ 键控制小球的移动