为了账号安全,请及时绑定邮箱和手机立即绑定
简介:jQuery基础课程总共分为4个部分,分别是样式篇、事件篇、动画篇、DOM篇。此为最后一个部分—动画篇。通过本课程的学习,我们可以制作出以下效果:隐藏和显示、上卷下来、淡入淡出。我们也可以通过自定义动画去完成一些我们想要的效果。

1章 动画基础隐藏和显示

动画制作是很重要的环节,在本章中先介绍基本动画方法,如何隐藏、显示和隐藏/显示切换的效果。
  1. 1-1 课程介绍 (01:58)
  2. 1-2 jQuery中隐藏元素的hide方法
  3. 1-3 jQuery中显示元素的show方法
  4. 1-4 jQuery中显示与隐藏切换toggle方法

2章 上卷下拉效果

学习了如何隐藏和显示内容,本章进一步介绍,如何更丰富的实现下拉、上卷及下拉/上卷切换的动态效果。
  1. 2-1 jQuery中下拉动画slideDown
  2. 2-2 jQuery中上卷动画slideUp
  3. 2-3 jQuery中上卷下拉切换slideToggle

3章 淡入淡出效果

本章进一步介绍,如何实现更丰富的动态效果,如淡入、淡出及淡入/淡出切换的动态效果。
  1. 3-1 jQuery中淡出动画fadeOut
  2. 3-2 jQuery中淡入动画fadeIn
  3. 3-3 jQuery中淡入淡出切换fadeToggle
  4. 3-4 jQuery中淡入效果fadeTo

4章 动画切换的比较

本章详细介绍,显示/隐藏、下拉/上卷及淡入/淡出切换的三种动画切换方法的对比,以及注意事项。
  1. 4-1 jQuery中toggle与slideToggle以及fadeToggle的比较

5章 自定义动画

前面章节主要介绍固定动画方法,本章介绍 animate() 方法可自定义动画,该方法通过CSS样式将元素从一个状态改变为另一个状态。通过本章学习让大家自己动手制作相应的动画。
  1. 5-1 jQuery中动画animate(上)
  2. 5-2 jQuery中动画animate(下)
  3. 5-3 jQuery中停止动画stop
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理
意见反馈 常见问题 APP下载
官方微信

w88

百度360搜索搜狗搜索