jQuery如何使用动画show()方法

在设计jQuery动画的过程中,显示隐藏是最基本的操作,jQuery动画可以通过show()方法来实现,可以通过设置参数来确定显示的速度、动画的不同点上元素的移动速度。本文介绍jQuery动画显示方法show()方法使用原理及显示代码。

1、show()方法

是jQuery的方法,功能是显示元素,参数是时间,单位是毫秒。

2、使用语法

$(selector).show(speed,easing,callback)

3、使用参数

speed:可选,规定隐藏效果的速度,值包括 毫秒,“slow”,“fast”

easing:可选,默认值为 "swing",规定在动画的不同点上元素的速度

"swing" - 在开头/结尾移动慢,在中间移动快

"linear" - 匀速移动

callback:可选,hide() 方法执行完之后,要执行的回调函数。

4、使用实例

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn2").click(function(){
  $("p").show();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>

小编介绍jquery实现动画显示效果的show()方法,与show()方法相对应的是hide()方法。hide()方法可以实现动画的隐藏效果,并且可以指定元素隐藏的过渡动画效果,本文介绍j ...