学习任务

掌握jQuery 中常用的动画操作

学习目标

1.掌握jQuery 中常用的动画操作

2.掌握jQuery 中如何自定义动画

观看视频

语法参考

1. 元素显示隐藏      show()         hide()            toggle()

2. 元素上滑下滑      slideUp()     slideDown()    slideToggle()

3. 元素淡入淡出      fadeIn()       fadeOut()       fadeToggle()     fadeTo()

4. 自定义动画         animate()

5. 停止动画            stop()

      6. css3动画属性     animation

上机实践

1. FAQ显示隐藏                      素材下载       js代码部分

2.自定义动画：图片横向移动    素材下载       js代码部分(prev)

3.停止动画：下拉菜单             素材下载       js代码部分

4.css3实现的动画                   代码下载

拓展训练

      1. 英雄难过棍子关   源代码下载

      2. 轮播图案例1        源代码下载