jquery slide使用总结

最新推荐文章于 2025-06-25 11:04:47 发布

转载最新推荐文章于 2025-06-25 11:04:47 发布 · 497 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/horanly/p/6101229.html

文章标签：

#javascript #ViewUI

本文介绍了使用jQuery实现的三种滑动效果：向上滑入隐藏、向下滑出显示及切换滑动，并提供了具体的代码实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.slideUp([duration][,complete])——目标元素向上滑入隐藏；
.slideDown([duration][,complete])——目标元素向下滑出显示；
.slideToggle([duration][,complete])——目标元素隐藏则向下滑出显示，否则向上滑入隐藏；
注：duration为方法执行的时间区间，complete为回调函数。

/*滑动效果*/
$(document).ready(function () {
//向上滑入
$('#btn1').click(function () {
$('img').slideUp(2000);
});
//向下滑出
$('#btn2').click(function () {
$('img').slideDown(2000);
});
//切换滑动
$('#btn3').click(function () {
$('img').slideToggle(2000);
});
})