Hiệu ứng jQuery - Trượt
Các phương thức trượt của jQuery trượt các phần tử lên và xuống.
Bấm để trượt xuống/lên bảng
Vì thời gian rất quý giá nên chúng tôi cung cấp việc học nhanh chóng và dễ dàng.
Tại W3Schools, bạn có thể học mọi thứ bạn cần học ở định dạng dễ tiếp cận và tiện dụng.
Ví dụ
jQuery slideDown()
Minh họa phương thức jQuery slideDown().
jQuery slideUp()
Minh họa phương thức jQuery slideUp().
jQuery slideToggle()
Minh họa phương thức slideToggle() của jQuery.
Phương pháp trượt jQuery
Với jQuery bạn có thể tạo hiệu ứng trượt trên các phần tử.
jQuery có các phương thức trượt sau:
-
slideDown()
-
slideUp()
-
slideToggle()
Phương thức slideDown() của jQuery
Phương thức slideDown()
của jQuery được sử dụng để trượt một phần tử xuống.
Cú pháp:
$( selector ).slideDown( speed,callback );
Tham số tốc độ tùy chọn chỉ định thời lượng của hiệu ứng. Nó có thể nhận các giá trị sau: "chậm", "nhanh" hoặc mili giây.
Tham số gọi lại tùy chọn là một hàm được thực thi sau khi quá trình trượt hoàn tất.
Ví dụ sau minh họa phương thức slideDown()
:
Phương thức slideUp() của jQuery
Phương thức jQuery slideUp()
được sử dụng để trượt một phần tử lên.
Cú pháp:
$( selector ).slideUp( speed,callback );
Tham số tốc độ tùy chọn chỉ định thời lượng của hiệu ứng. Nó có thể nhận các giá trị sau: "chậm", "nhanh" hoặc mili giây.
Tham số gọi lại tùy chọn là một hàm được thực thi sau khi quá trình trượt hoàn tất.
Ví dụ sau minh họa phương thức slideUp()
:
Phương thức slideToggle() của jQuery
Phương thức slideToggle()
của jQuery chuyển đổi giữa các phương thức slideDown()
và slideUp()
.
Nếu các phần tử đã được trượt xuống, slideToggle()
sẽ trượt chúng lên.
Nếu các phần tử đã được trượt lên, slideToggle()
sẽ trượt chúng xuống.
$( selector ).slideToggle( speed,callback );
Tham số tốc độ tùy chọn có thể nhận các giá trị sau: "chậm", "nhanh", mili giây.
Tham số gọi lại tùy chọn là một hàm được thực thi sau khi quá trình trượt hoàn tất.
Ví dụ sau minh họa phương thức slideToggle()
:
bài tập jQuery
Tham khảo hiệu ứng jQuery
Để có cái nhìn tổng quan đầy đủ về tất cả các hiệu ứng jQuery, vui lòng truy cập Tài liệu tham khảo về hiệu ứng jQuery của chúng tôi.