一个简单的学习to-do......但它对我不起作用。
任务很简单,我试图在正方形布局中旋转一个框(Path:向右走 -> 向下走 -> 向左走 -> 向上走
)....但它在向下移动后不会动画化 (在这之后不会向 左
或 上
移动),这是代码:
$('button').click(function () {
$('.box').animate({
"height": "40px",
"width": "40px"
}, 500, function () {
$('.box').animate({
"margin-left": "200px", //go right
}, 1500, function () {
$('.box').animate({
"margin-top": "200px", //go down
}, 1500, function () {
$('.box').animate({ // <===problem starts here
"margin-right": "200px" //go left
//"marginRight": "200px"
}, 1500, function () {
$('.box').animate({
"margin-bottom": "200px" //go up
}, 1500, function () {
$('.box').css("background", "black")
});
});
});
});
});
});
在进行动画时,有没有适当的方法来混合 margin
值?请给予建议...