文字
分享

返回值:jQueryshow(speed, [easing], [callback])

概述

以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。

1

可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。在jQuery 1.3中,padding和margin也会有动画,效果更流畅。

参数

speedString,Number

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

easing (可选)string V1.4.3新增

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

callback (可选)Function

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

示例

描述:

用缓慢的动画将隐藏的段落显示出来,历时600毫秒。

HTML 代码:

1

<code><p style="display: none">Hello</p></code>

jQuery 代码:

1

<code>$("p").show("slow");</code>

描述:

用迅速的动画将隐藏的段落显示出来,历时200毫秒。并在之后执行反馈!

HTML 代码:

1

<code><p style="display: none">Hello</p></code>

jQuery 代码:

1

2

3

<code>$("p").show("fast",function(){

   $(this).text("Animation Done!");

 });</code>

描述:

将隐藏的段落用将近4秒的时间显示出来。。。并在之后执行一个反馈。。。

HTML 代码:

1

<code><p style="display: none">Hello</p></code>

jQuery 代码:

1

2

3

<code>$("p").show(4000,function(){

   $(this).text("Animation Done...");

 });</code>

上一篇:show()下一篇:hide()