Làm cách nào tôi có thể tạo lại hiệu ứng $ .slideDown của jQuery bằng hàm $ .animate?jQuery - tạo lại hiệu ứng slideDown() bằng cách sử dụng hàm animate()?
13
A
Trả lời
29
Tạo hiệu ứng "chiều cao", "marginTop", "marginBottom", "paddingTop" và "paddingBottom" thành "show"
.
Ví dụ:
$(...).animate({
"height": "show",
"marginTop": "show",
"marginBottom": "show",
"paddingTop": "show",
"paddingBottom": "show"
});
Nguồn: mã nguồn jQuery.
fxAttrs = [
// height animations
[ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
// width animations
[ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
// opacity animations
[ "opacity" ]
];
...
jQuery.each({
slideDown: genFx("show", 1),
slideUp: genFx("hide", 1),
slideToggle: genFx("toggle", 1),
fadeIn: { opacity: "show" },
fadeOut: { opacity: "hide" }
}, function(name, props) {
jQuery.fn[ name ] = function(speed, callback) {
return this.animate(props, speed, callback);
};
});
...
function genFx(type, num) {
var obj = {};
jQuery.each(fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() {
obj[ this ] = type;
});
return obj;
}
Các vấn đề liên quan
- 1. jQuery bằng cách sử dụng thêm với các hiệu ứng
- 2. Cuộn lên đầu trang bằng cách sử dụng jquery animate
- 3. bằng cách sử dụng jQuery .animate để animate một div từ phải sang trái?
- 4. Hiệu ứng SlideUp() và SlideDown() trong IE8
- 5. Cách lặp lại .animate JQuery
- 6. Hiệu ứng trả lại jQuery
- 7. jQuery slideDown so với jQuery UI .show ('slide')
- 8. jQuery - Cuộn xuống cuối div trên slideDown
- 9. Làm cách nào để tạo animate một danh sách với orderBy bằng cách sử dụng ng-repeat với ng-animate?
- 10. Sử dụng jquery, làm cách nào để tạo hiệu ứng thêm một mục danh sách mới vào danh sách?
- 11. Mở hiệu ứng cửa bằng cách sử dụng Core Animation
- 12. jQuery: IE8 lề sụp đổ khi sử dụng slideUp()/slideDown()
- 13. Issue với slideDown jQuery()
- 14. jquery toggle slideUp/slideDown
- 15. Sử dụng slideDown jQuery với display: inline-block
- 16. Vô hiệu hóa các nút trên bài đăng trở lại bằng cách sử dụng jquery trong ứng dụng .net
- 17. Cách tạo hiệu ứng lật thẻ trên DIV bằng cách sử dụng javascript
- 18. Sử dụng hàm tạo để trả lại
- 19. JQuery slideDown animation lag
- 20. jQuery Animate top (Từ dưới lên trên)
- 21. Làm cách nào tôi có thể tạo lại zoom/pan phần tử jQuery .animate() bằng cách sử dụng biến đổi css?
- 22. jQuery slideDown không phải là mịn
- 23. jQuery animate scroll
- 24. JQuery .slideDown() đang trượt lên
- 25. jquery animate nhưng sau đó trở lại bình thường
- 26. jQuery tạo màu đường viền animate khi di chuột?
- 27. Cách tạo hiệu ứng xung bằng cách sử dụng -webkit-animation - các vòng ngoài
- 28. jQuery animate scrollTop
- 29. Làm cách nào để tạo hiệu ứng này bằng javascript?
- 30. Gọi lại yêu cầu AJAX bằng cách sử dụng jQuery
tại sao không chỉ sử dụng slideDown()? – Patricia
vì animate() có một tùy chọn bước mà tôi có thể đính kèm một chức năng. – Alex