第一部分:JS基础
第二部分:布局基础
第三部分:运动原理
- 1.水平运动
- 2.对角线运动
- 3.抛物线运动
- 3.抛物线运动2
- 4.触底反弹运动
- 5.缓冲运动
- 6.伸缩效果(类似分享功能)
- 7.点击弹射烟花效果(抛物线)
- 8.定点抛物线
- 9.鼠标滑入方向
- 10.平移旋转特效
- 11.控制移动
- 12.使用jQuery控制移动
- 13.原生JS控制移动
- 14.元素跟随鼠标移动
- 15.往返移动效果
第四部分:demo
-
1.模拟聊天窗口
-
4.打地鼠游戏🎁
-
5.微信营销H5
-
6.菜谱
-
7.大众点评下拉效果
-
8.弹幕效果
-
9.蛋糕团购
-
10.相片墙
-
11.二级菜单
-
12.幽灵按钮效果
-
13.相册2
-
14.仿淘宝广告位
-
15.导航tab
-
16.仿百度音乐界面
-
17.仿京东画廊广告
-
18.看你有多色🎁
-
19.构造树形结构菜单
-
20.大转盘🎁
-
21.老虎机🎁
-
22.楼梯翻页效果
-
23.仿美团导航栏效果
-
24.汽车躲闪游戏🎁
-
25.商品放大镜效果🔍
-
26.土豆悬浮播放器效果
-
27.微信打飞机
✈️ 🎁 -
28.微信H5动画欢迎页面
-
30.萤火虫效果
-
31.AngularJS学习
-
32.canvas喷射效果
-
33.canvas数字帝国
-
34.canvas原点漂浮效果
-
35.手风琴效果
-
36.仿iOS健康视图
第五部分:文档资料
- 1.链接