课程详情

课程咨询、获取课件、技术交流直接加入博学谷在线学习：631731828

课程简介：
该课程详细全面的介绍并实现网站中主要应用的动态效果，在练习动效的同时，让学员重新认识DOM、元素节点、课程语句等相关操作及应用。案例与知识点的有效结合，能够让学员在实际开发过程中灵活运用并且更透彻的理解知识点。

适合人群：

1.  适合有HTML和CSS基础的人群
2. 掌握一定的JS基础知识的人群

技术储备：

1. 具备HTML和CSS基础编程能力
2. 具备一定的JS基础知识

课程特色

1. 科学的授课方式，知识点由浅入深，层层剖析
2. 丰富且酷炫的案例分析及实现，如轮播图、旋转木马等，打造生动形象的动态网页效果
3. 提供各种应用型解决方案

课程大纲

1. 轮播图和焦点图案例
2. 放大镜案例
3. 互联网全终端项目-好客租房项目
4. 正则表达式语法和使用
5. 5-offset系列属性使用介绍
6. Math对象的常用方法
7. 动画函数使用介绍
8. scroll系列属性使用介绍
9. 缓动动画封装及案例
10. 访问属性的两种方式
11. 获取计算后样式的兼容函数
12. 封装缓动框架使用介绍及案例
13. client系列属性使用介绍
14. offset、scroll、client三大系列总结
15. client系列属性应用介绍
16. 数组复习
17. 旋转木马案例
18. 事件对象
19. 三个重要坐标
20. 可拖拽效果案例
21. 滚动条特效案例
22. 事件冒泡和阻止冒泡及案例
23. 事件对象兼容处理
24. 鼠标事件和键盘事件
25. 按回车键切换文本框
26. 按esc关闭
27. 表单事件
28. 完整版表单验证案例
29. 封装trim方法
30. 递归使用介绍

 
案例名称：旋转木马案例
案例描述：
该项目效果的实现，首先需要建立一个数组给每一张图片写出对应的z-index, opacity, top, width等属性；进而将数组中第一组值放到最后一组，点下按钮执行操作，最终实现旋转的操作。在此期间，应用动画的封装来加快开发的效率。
 
学完可以收获？

1. 实现轮播图动画效果
2. 实现旋转木马动画效果
3. 实现手风琴动画效果
4. 实现放大镜效果等