Với jQuery bạn có thể tạo hiệu ứng trượt (slide) trên các phần tử.
jQuery có các phương thức liên quan đến slide như sau:
slideDown()
slideUp()
slideToggle()
jQuery slideDown()
dùng để show một phần tử từ trên xuống.
Cú pháp:
$(selector).slideDown(speed,callback);
Tham số speed chỉ định tốc độ hiding/showing, và có thể lấy các giá trị sau: "slow", "fast", hoặc milliseconds.
Tham số callback là chức năng sẽ được thực thi sau khi hoàn thành quá trình slide.
$("#flip").click(function(){
$("#panel").slideDown();
});
jQuery slideUp()
dùng để show một phần tử từ dưới lên.
Cú pháp:
$(selector).slideUp(speed,callback);
Tham số speed chỉ định tốc độ hiding/showing, và có thể lấy các giá trị sau: "slow", "fast", hoặc milliseconds.
Tham số callback là chức năng sẽ được thực thi sau khi hoàn thành quá trình slide.
$("#flip").click(function(){
$("#panel").slideUp();
});
jQuery slideToggle()
toggle giữa slideDown()
và slideUp()
.
Nếu các yếu tố đã được trượt xuống, slideToggle()
sẽ trượt chúng lên.
Nếu các yếu tố đã được trượt lên, slideToggle()
sẽ trượt chúng xuống.
$(selector).slideToggle(speed,callback);
Tham số speed chỉ định tốc độ hiding/showing, và có thể lấy các giá trị sau: "slow", "fast", hoặc milliseconds.
Tham số callback là chức năng sẽ được thực thi sau khi hoàn thành quá trình slide.
$("#flip").click(function(){
$("#panel").slideToggle();
});
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Công nghệ ZicZac Việt Nam.
Website: https://gozic.vn
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website