简介:本课程带领大家通过font Awesome字体库完成图标的定制,使用CSS3新增的transtion、transform属性实现动画效果,以达到对CSS3更深入的了解。
第1章 Resizable简介&实现思路
本章通过线上实例,了解Resizable的功能.给我们要做的案例下一个定义,确定界面样式,功能效果,以及最终支持的交互操作。
接着介绍了Resizable的实现思路,先从界面的初始化到附加拖拽事件最后再支持面板大小的更改一步步的进行阐述。
第2章 Resizable代码编写
本章主要的代码编写,通过从界面到功能,从一个控制元素到全部的控制元素,一步步实现了附加控制元素,为控制元素支持拖拽,通过控制元素去修改面板大小一系列的功能,最终实现了我的们的效果。其中重点介绍了拖拽实现的原理,以及拖拽如何与控制元素结合来更改面板的大小。
第3章 Resizable总结
对案例的整体实现思路进行了总结,并归纳了其中的关键点.最后给出了代码中的关键API和思路。
第4章 编程挑战
小伙伴们,根据所学知识,修案例实现网格化拖拽,拖拽的时候以50个像素为网格。