jQuery动画(二)

前言

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

jquery自定义动画

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

今天内容

幻灯片的淡入淡出

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

幻灯片的淡入淡出

关键函数

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

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

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

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

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

先看一下四种效果吧

淡入效果

淡出效果

直接调节透明度

切换显示

布局

样式

jquery

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

滑动效果

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

关键函数

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

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

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

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

jquery

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

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180204G0QNXR00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券