动画的相关方法

1、首先我们先创建一个展示的盒子和显示隐藏的两个按钮，再分别给它们设置id，以便于后面实现效果的展示。

 2、使用jQuery来写的话，首先就必须得引入jQuery的插件进来，不然一切效果都不能显示出来，引入了jQuery插件就可以用jQuery的方法写script。

 3、首先，在script里面写一个页面加载事件，然后我们需要明确我们要做什么，点击第一个按钮显示盒子，点击第二个按钮隐藏盒子。

4、我们动画的相关方法一共有三种方法，首先第一种就是show显示和hide隐藏，然后我们可以看到这个show后面跟着两个参数，参数1就是多少毫秒后显示或者隐藏，参数2就是回调函数，意思就是在执行完显示隐藏的命令后需要执行的函数。

5、我们先来看看show这个方法怎么写的，jQuery的写法跟我们script的写法是不同的，千万不要搞混了噢。

6、hide和show是同样的，只是获取的按钮id不同，使用的方法不同，其余的写法都一样。

7、第二种方法就是sideDown()滑入和sideUp()滑出，这个方法还有一个相互切换的叫做sideToggle。

8、这个方法的原理还是和第一种方法的原理相同

9、还有一个切换效果的，先去设置一个按钮名为切换效果，这个按钮能同时实现显示隐藏两种功能。

10、最后一种方法名为fadeIn()、fadeUp()和fadeToggle()效果为淡入淡出。设置原理仍然与上面相同这里就不一一展示了，直接设置三种方法在下图。

11、最后一种方法与前面不同的是，它还可以设置透明度，我们把第三个按钮的切换效果改为点击按钮修改盒子的透明度，这个方法名为fadeTo()，仍然有两个参数，参数1是方法执行时间，参数2是设置透明度，透明度的值在0-1之间，我们设置一个居中的数，透明度为0.5看一下效果。

点击前

点击后

12、jQuery中的动画效果我就介绍这三种啦。