Phương Thức SlideDown() Trong JQuery | Cách Hiển Thị Một Phần Tử ...
Có thể bạn quan tâm
1) Phương thức slideDown() trong jQuery
- Phương thức slideDown() dùng để hiện (kèm theo hiệu ứng trượt) một phần tử đang bị ẩn.
- Ví dụ: Khi bạn bấm vào nút thì phần tử bị ẩn bên dưới sẽ được hiện lên.
- Lưu ý: Phương thức slideDown() chỉ có tác dụng với phần tử bị ẩn bởi thuộc tính display:none chứ không có tác dụng với phần tử bị ẩn bởi thuộc tính visibility:hidden trong CSS.
2) Cách sử dụng phương thức slideDown() trong jQuery
- Để sử dụng phương thức slideDown(), ta dùng cú pháp như sau:
$(selector).slideDown(time,speed,callback);- Dưới đây là bảng mô tả ý nghĩa & cách sử dụng các tham số trong phương thức slideDown():
Tham số | Yêu cầu | Mô tả ý nghĩa & cách sử dụng |
---|---|---|
time | Không bắt buộc | - Chỉ định khoảng thời gian mà phần tử bắt đầu được hiện cho đến khi hiện hoàn toàn. - Tham số này có thể được xác định bởi một trong ba loại giá trị:
- Lưu ý: Mặc định thì khoảng thời gian mà phần tử bắt đầu được hiện cho đến khi hiện hoàn toàn là 400 mili giây. |
speed | Không bắt buộc | - Chỉ định tốc độ hiện phần tử ở những thời điểm khác nhau. - Tham số này có thể được xác định bởi một trong hai loại giá trị:
- Lưu ý: Mặc định thì tốc độ hiện phần tử là không đổi ("swing") |
callback | Không bắt buộc | - Một hàm callback sẽ được thực thi sau khi phương thức slideDown() đã được thực thi hoàn tất. |
3) Một số ví dụ
Ví dụ 1:- Khi click vào nút <button> thì phần tử <div> sẽ được hiện lên ngay lập tức
<script> $(document).ready(function(){ $("button").click(function(){ $("div").slideDown(); }); }); </script> Xem ví dụ Ví dụ 2:- Khi click vào nút <button> thì phần tử <div> sẽ được hiện lên sau 5 giây
<script> $(document).ready(function(){ $("button").click(function(){ $("div").slideDown(5000); }); }); </script> Xem ví dụ Ví dụ 3:- Khi click vào nút <button> thì phần tử <div> sẽ được hiện lên sau 5 giây với tốc độ không đổi
<script> $(document).ready(function(){ $("button").click(function(){ $("div").slideDown(5000,"linear"); }); }); </script> Xem ví dụ Ví dụ 4:- Khi click vào nút <button> thì phần tử <div> sẽ được hiện lên sau 5 giây với tốc độ không đổi và sau khi phần tử <div> hiện hoàn toàn thì hiển thị một thông báo "PHẦN TỬ BỊ ẨN ĐÃ ĐƯỢC HIỆN LÊN"
<script> $(document).ready(function(){ $("button").click(function(){ $("div").slideDown(5000,"linear",function(){ alert("PHẦN TỬ BỊ ẨN ĐÃ ĐƯỢC HIỆN LÊN"); }); }); }); </script> Xem ví dụTừ khóa » Slide Down Là Gì
-
Slide Down Nghĩa Là Gì Trong Tiếng Việt? - English Sticky
-
Slide Down: Trong Tiếng Việt, Bản Dịch, Nghĩa, Từ đồng ... - OpenTran
-
Từ điển Anh Việt "slide Down" - Là Gì?
-
Ý Nghĩa Của Slide Trong Tiếng Anh - Cambridge Dictionary
-
Nghĩa Của Từ Down Slide - Từ điển Anh - Việt
-
TRƯỢT XUỐNG Tiếng Anh Là Gì - Trong Tiếng Anh Dịch
-
Down Slide Là Gì, Nghĩa Của Từ Down Slide | Từ điển Anh - Việt
-
.slideDown() | Hàm JQuery | Tham Khảo JQuery | Học Web Chuẩn
-
Đồng Nghĩa Của Slide Down - Idioms Proverbs
-
SlideUp() Và SlideDown() Trong JQuery
-
"sliding Down" Có Nghĩa Là Gì? - Câu Hỏi Về Tiếng Anh (Mỹ) | HiNative
-
"sliding Down" Có Nghĩa Là Gì? - Câu Hỏi Về Tiếng Anh (Mỹ) | HiNative