如何使用$ .animate函数重新创建jQuery的$ .slideDown效果?jQuery - 使用animate()函数重新创建slideDown()效果?
13
A
回答
29
将动画“height”,“marginTop”,“marginBottom”,“paddingTop”和“paddingBottom”设置为"show"
。
例如:
$(...).animate({
"height": "show",
"marginTop": "show",
"marginBottom": "show",
"paddingTop": "show",
"paddingBottom": "show"
});
来源: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;
}
相关问题
- 1. Internet Explorer不尊重jQuery的slideDown效果
- 2. jQuery animate背景颜色slideDown
- 3. IE9 jquery slidedown效果问题
- 4. jQuery slideDown跳跃效果
- 5. 是否有jQuery函数&|可用于重新创建这种效果的库?
- 6. JQuery Slidedown函数
- 7. jQuery无效的slideUp,slideDown效果
- 8. JQuery slidedown效果不起作用?
- 9. 使用jQuery创建视差效果
- 10. 重新创建github 404效果
- 11. 如何重新创建此表效果
- 12. 如何重新创建此MouseMove效果?
- 13. 重新使用jquery函数?
- 14. 创建新函数jQuery
- 15. jQuery slideDown()和slideUp()效果问题
- 16. JQuery-Mobile可折叠slideDown效果
- 17. jQuery加载slideDown效果的问题
- 18. 需要帮助重新创建jQuery效果
- 19. 如何重新创建此效果/过渡/动画? (HTML/CSS/JQuery)
- 20. 如何使用actionscript/pixel bender重新创建这种效果?
- 21. 是否有可能使用MooTools重新创建这个Jquery效果?
- 22. 创建可重用的jQuery函数
- 23. 如何重复使用jQuery的animate()函数完成动画?
- 24. 使用jQuery了slideDown以及如何效果基本show
- 25. jQuery的效果基本show和使用了slideDown过境JS
- 26. Jquery Animate + Fade效果bug发布前
- 27. jQuery的效果基本show()和了slideDown()函数中的奇数倍
- 28. 效果基本show /了slideDown用绳子
- 29. 重叠使用Jquery创建的新Div?
- 30. JQuery函数101:如何重新使用这个函数而不是重新创建它?
为什么不只是使用slideDown()? – Patricia 2010-07-09 20:18:36
,因为animate()具有可以附加功能的步骤选项。 – Alex 2010-07-09 20:23:30