HTML5精讲课程—微案例讲解

1阶段微案例

1 . CSS3动画实现loading效果 16:26

2 . CSS3实现旋转立方体 23:14

3 . CSS3实现旋转太极图 20:40

4 . CSS实现图片轮播手动切换效果 26:30

5 . CSS3实现折扇效果 21:04

6 . css实现网页常见动画效果 22:00

7 . 垂直手风琴 24:13

8 . CSS3实现奇虎导航效果 25:32

9 . 实现一个元素水平垂直居中的几种方法 22:48

10 . css定位实现图片放大效果 27:22

11 . 致美创意1 20:50

12 . 致美创意2 19:57

13 . 致美创意3 18:42

14 . 致美创意4 23:06

15 . 致美创意5 10:09

16 . 旋转缩放动画特效1 13:40

17 . 旋转缩放动画特效2 11:56

18 . 旋转动画特效1 09:11

19 . 旋转动画特效2 15:04

20 . 旋转动画特效3 14:15

21 . css3缩放动画一 12:42

22 . css3缩放动画二 13:45

23 . css3动画奔跑的小人 11:16

24 . css利用背景图片的位置实现初始与划上高度不一致的导航菜单效果 15:08

25 . css利用溢出裁切实现只有中间显示边框的效果 11:44

26 . css利用元素特殊的类型实现图片大小不一定时的水平垂直居中 15:44

27 . css实现二级导航菜单效果 15:47

28 . css实现中英文切换导航效果 13:37

29 . tab卡片菜单导航制作 16:57

30 . 滑动门导航菜单 14:51

31 . 利用css3弹性盒构建骰子布局 20:25

32 . 利用锚点制作电子相册 18:05

33 . 麦田国际首页1 24:18

34 . 麦田国际首页2 17:34

35 . 麦田国际首页3 13:32

36 . 麦田国际首页4 24:39

37 . 麦田国际首页5 30:26

38 . 麦田国际首页6 26:56

39 . 鼠标悬停动画特效一 16:03

40 . 鼠标悬停动画特效二 14:21

41 . 图片的立体阴影效果 13:19

42 . search 20:21

43 . nav 22:00

44 . subnav 16:39

45 . sales-tmh01 23:16

46 . sales-tmh02 18:46

47 . sales-huodong,footer 22:56

48 . 简易鼠标悬停效果 13:56

49 . 纯css实现六边形效果 13:43

50 . Css3鼠标悬停抖动效果 07:42

51 . 3d鼠标悬停效果 10:12

2阶段微案例

1 . flappybird1 21:04

2 . flappybird2 22:02

3 . 打砖块1 08:10

4 . 打砖块2 12:53

5 . 打砖块3 09:36

6 . 打砖块4 15:26

7 . 弹幕 15:25

8 . 放大镜效果1 20:53

9 . 放大镜效果2 21:25

10 . 瀑布流 25:06

11 . 吸顶菜单 10:36

12 . 轮播图1 21:15

13 . 轮播图2 18:52

14 . 轮播图3 18:18

15 . 三国杀 30:03

16 . 数码时钟 10:09

17 . 回到顶部效果 32:53

18 . 自适应瀑布流 25:00

19 . 字母数字验证码 11:30

20 . 商品分类楼层效果 39:10

21 . JS微案例_新浪微博 14:00

22 . JS微案例_圆周运动 08:01

23 . 计算器 17:34

24 . 红包雨 20:02

3阶段微案例

1 . HTML5拖放垃圾桶效果1 11:16

2 . HTML5拖放垃圾桶效果2 13:11

3 . Vue2.0登录注册评论功能1 06:26

4 . Vue2.0登录注册评论功能2 28:22

5 . Vue2.0登录注册评论功能3 17:39

6 . Vue2.0登录注册评论功能4 17:18

7 . React下拉搜索 32:37

8 . SVG实现地球转动1 13:44

9 . SVG实现地球转动2 28:23

10 . RequireJs实战1 09:50

11 . RequireJs实战2 20:36

12 . RequireJs实战3 08:40

13 . RequireJs实战4 12:56

14 . RequireJs实战5 05:06

15 . 微信小程序初探 24:43

16 . 音乐播放器1 08:30

17 . 音乐播放器2 06:18

18 . 音乐播放器3 10:03

19 . 微信开发扫一扫1 03:29

20 . 微信开发扫一扫2 11:01

21 . 微信开发扫一扫3 08:01

22 . 微信开发扫一扫4 04:04

23 . ionic-spa应用实战1 06:24

24 . ionic-spa应用实战2 23:57

25 . ionic-spa应用实战3 01:49

26 . iscroll实战1 06:41

27 . iscroll实战2 18:48

28 . mui地理定位实战1 06:02

29 . mui地理定位实战2 19:15

30 . canvas打造时钟效果1 09:37

31 . canvas打造时钟效果2 27:01

32 . gulp构建服务端口1 23:06

33 . gulp构建服务端口2 18:55

34 . websocket即时聊天系统 32:46

35 . swiper框架1 17:41

36 . swiper框架2 14:09

37 . swiper框架3 26:07

38 . 操作手机通讯录1 19:37

39 . 操作手机通讯录2 30:13

40 . 操作手机通讯录3 19:08

41 . requireJs+seajs1 20:49

42 . requireJs+seajs2 21:25

43 . requireJs+seajs3 22:27

44 . canvas贪吃蛇01 25:37

45 . canvas贪吃蛇02 28:22

46 . 用vue框架搭建音乐播放器01 28:58

47 . 用vue框架搭建音乐播放器02 27:13

48 . 用vue框架搭建音乐播放器03 21:27

49 . 用vue框架搭建音乐播放器04 21:00

50 . 用vue框架搭建音乐播放器05 28:51

51 . 用vue框架搭建音乐播放器06 22:19

52 . 用vue框架搭建音乐播放器07 22:51

53 . 用vue框架搭建音乐播放器08 30:05

54 . 用vue框架搭建音乐播放器09 25:12

55 . 用vue框架搭建音乐播放器10 19:43

56 . 用vue框架搭建音乐播放器11 19:20