前端设计

Jquery中slideDown()用法详解

2023-10-02

定义和用法

slideDown() 方法通过使用滑动效果,显示隐藏的被选元素。


语法

$(selector).slideDown(speed,callback)

参数               描述

speed       可选。规定元素从隐藏到可见的速度(或者相反)。默认为 "normal"。

                可能的值:

                      毫秒 (比如 1500)

                      "slow"

                      "normal"

                      "fast"

                      在设置速度的情况下,元素从隐藏到可见的过程中,会逐渐地改变其高度。

callback          可选。slideDown 函数执行完之后,要执行的函数。

                      如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。

                      除非设置了 speed 参数,否则不能设置该参数。


1、最简单用法: $("p").slideDown();

2、动画结束,执行回调函数用法:

     $("p").slideDown("fast",function(){

          alert("Animation Done.");

     });

3、slideDown([speed],[easing],[fn])

    speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)

    easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"

    fn在动画完成时执行的函数,每个元素执行一次。