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 ...