1. .slideDown() 方法:
.slideDown() 方法用于向下滑动显示被选元素。
// 向下滑动显示所有段落元素
$("p").slideDown();
同样,你可以传递参数来指定滑动的速度:
// 在1000毫秒(1秒)内向下滑动显示所有段落元素
$("p").slideDown(1000);
2. .slideUp() 方法:
.slideUp() 方法用于向上滑动隐藏被选元素。
// 向上滑动隐藏所有段落元素
$("p").slideUp();
也可以传递参数来指定滑动的速度:
// 在500毫秒(0.5秒)内向上滑动隐藏所有段落元素
$("p").slideUp(500);
3. .slideToggle() 方法:
.slideToggle() 方法用于在滑动和隐藏之间切换元素的可见性。
// 在段落元素的滑动和隐藏之间切换
$("p").slideToggle();
同样,可以传递速度参数。
// 在800毫秒(0.8秒)内滑动和隐藏切换显示状态
$("p").slideToggle(800);
通过这些方法,你可以实现页面元素的平滑滑动效果,为页面增添一些动画感。这种效果常用于折叠菜单、显示/隐藏内容等交互设计中。
转载请注明出处:http://www.zyzy.cn/article/detail/4612/jQuery