slideUp(speed,[callback]) trong jQuery
Miêu tả
Phương thức slideUp(speed,[callback]) trong jQuery ẩn tất cả phần tử đã so khớp bởi điều chỉnh chiều cao của chúng và kích hoạt một callback tùy ý sau khi hoàn thành.
Cú pháp
Sau đây là cú pháp cho slideUp(speed,[callback]) trong jQuery:
selector.slideUp( speed, [callback] );
Tham số
Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức slideUp(speed,[callback]) trong jQuery:
speed − Một chuỗi biểu diễn một trong ba tốc độ đã định trước ("slow", "normal", hoặc "fast") hoặc số mili giây để chạy hiệu ứng (ví dụ 1000).
callback − Đây là tham số tùy ý biểu diễn một hàm để gọi một khi hiệu ứng hoàn thành.
Ví dụ
Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức slideUp(speed,[callback]) trong jQuery:
<html>
<head>
<title>The jQuery Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#down").click(function(){
$(".target").slideDown( 'slow', function(){
$(".log").text('Slide Down Transition Complete');
});
});
$("#up").click(function(){
$(".target").slideUp( 'slow', function(){
$(".log").text('Slide Up Transition Complete');
});
});
});
</script>
<style>
p {background-color:#bca; width:200px; border:1px solid green;}
</style>
</head>
<body>
<p>Click on any of the buttons</p>
<button id="up"> Slide Up </button>
<button id="down"> Slide Down</button>
<div class="target">
<img src="./images/jquery.jpg" alt="jQuery" />
</div>
<div class="log"></div>
</body>
</html>
Nó sẽ cho kết quả:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Các bài học jQuery khác tại VietJack:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
