jQuery动画（二）

前言

学习今天的知识点之前我们简单的回顾一下昨天的内容

jquery自定义动画

以动画效果显示和隐藏HTML元素

今天内容

幻灯片的淡入淡出

滑动效果显示和隐藏HTML元素

幻灯片的淡入淡出

关键函数

,参数可选，实现淡入效果

,参数可选,实现淡出效果

,参数可选,可以直接调节HTML元素的透明度

,淡入淡出切换显示和隐藏HTML元素,参数可选

如果你还不懂具体参数的含义，请查看上一篇的文章，里面有详细的讲解

先看一下四种效果吧

淡入效果

淡出效果

直接调节透明度

切换显示

布局

样式

jquery

相信大家对css和HTML应该掌握得很好，此处只给出一种效果的css与html作为参考，我们省略另外三种效果的css与HTML,只给出相对应的jquery

滑动效果

jQuery可以以滑动的效果显示和隐藏HTML元素

关键函数

,参数可选，以滑动效果显示HTML元素

,参数可选,以滑动效果隐藏HTML元素

,参数可选,以滑动效果显示隐藏HTML元素

其实与淡入淡出的动画效果是类似的，这里我们使用函数演示对应的效果，其他效果请有兴趣的同学自行动手实践。

jquery

滑动效果切换显示和隐藏HTML元素