jQuery的隐藏和显示动画效果 及 自定义动画

一、jQuery的隐藏和显示动画效果

1、基本隐藏与显示

 

隐藏：

显示：

第一个参数：有过渡的动画效果

第二个参数：linear表示线性变化

第三个参数：回调函数，动画执行结束触发

隐藏之后显示出来：

DOM已经显示则隐藏，已经隐藏则显示：用toggle函数

2、卷帘效果

卷帘隐藏：

（动画效果就是像帘子一样向上收起来）

卷帘显示：

（动画效果就是像帘子一样向下展开）

卷帘切换：

DOM已经卷帘显示则卷帘隐藏，已经卷帘隐藏则卷帘显示：用slidetoggle函数

3、透明效果

 

二、jQuery自定义动画