Jquery анимировать(): хранение пар ключей CSS/значение

Question

Если у меня есть что-то вроде

$('#element').animate({'top':'-140px'},2000); 

Можно ли заранее определить кучу пар ключ/значение, так или иначе, так что я могу затем просто использовать

$('#element').animate(firstPos,2000).animate(secondPos,2000); 

Заранее спасибо.

Answer 1

Смотрите этот пример:

http://jsfiddle.net/3Fyb8/

var firstPos= {'top':'40px'}; 
var secondPos= {'top':'80px'}; 
$('#element').animate(firstPos,2000).animate(secondPos,2000); 

Answer 2

Короткий ответ: да. Вы можете определить объектный литерал, как

firstPos = { 
    top: '-140px' 
}; 

secondPos = { 
    top: '0px' 
}; 

, а затем передать это в ваш вызов animate(). Тем не менее, вы, вероятно, не хотите связывать свои анимированные звонки, а скорее отключаете анимацию secondPos после завершения первого. Таким образом, вы хотели бы выполнить вторую анимацию внутри обратного вызова для первого, как:

$("#element").animate(firstPos, 2000, function() { $(this).animate(secondPos, 2000); }) 

Может также хотят читать на stop()