来了老弟，JQuery动画

这期小编要分享两种用JQuery实现元素的动画效果！
必须先把JQuery插件给引入先哈，不然是没效果的哇！
这期动画效果的话有以下两种：

1. 滑动
2. 淡出淡入

当然了，我们这期讲的是封装好了的几种动画，自定义的我忘记了之前有没有写过，要是没有的话会在下期分享哈！

对了要用动画效果的话都得在HTML上先把元素隐藏掉（这个相信大家都会吧…），不然就算写了动画代码也是没有用的哈

好了，下面开始进入正题

滑动

从上往下滑动和从下往上滑动是它的其中两种属性

slideDown是从上往下滑动
slideUp则是从下往上滑动
代码如下（写法都是一样的，只是方法名不同而已）

$("#sss").slideDown("slow");
$("#sss ").slideUp("slow");

前面括号里的是一个ID，然后就是方法，最后面那个括号里的代表用多少毫秒来完成动画
反正大概效果就是往下滑动
效果如下

往上

往下

淡出淡入

淡出淡入的话可不止有那个动画效果窝，还能调整该元素的透明度（哦豁）
下面就讲三个方法哈

fadeIn是淡入效果的方法
fadeOut是淡出效果的方法（这个最终效果就是把元素隐藏掉了，所以不用在先写隐藏哈，要是写了的话进页面就是直接看不到该元素的窝）

代码如下

$("#sss ").fadeIn("slow");
$("#sss ").fadeOut("slow");
$("#sss ").fadeTo("slow", 0.66); 用600毫秒缓慢的将段落的透明度调整到0.66，大约2/3的可见度

上面代码的意思跟前面滑动的解析差不多，可以直接参照。
第三个最后括号里的0.66呢就是透明度了，它的取值是0到1之间，就跟css里那个属性（opacity）一样。

效果的话说到底就是透明度的变化（就是从透明在你设定的时间内渐渐显示出来）
请看下面形状图

淡入

淡出

对了，上面只是我喜欢用的几种动画哈

本期结束