在设计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、使用实例
$(document).ready(function(){
$(".btn2").click(function(){
$("p").show();
});
});
This is a paragraph.
Hide
Show
以上就是jQuery动画显示效果实现的show()方法的介绍,希望能帮助你设计动画效果哦~更多JavaScript学习推荐:JavaScript教程。