JQuery Animate с левой и правой

Question

При использовании jQuery .animate (width: value) он анимирует ширину слева направо.Так что, если у вас есть div 10px, и вы хотите анимировать ширину, чтобы быть 100px.Это оживит слева направо, делая div больше.

Что мне нужно, так это чтобы анимировать как левый, так и правый равномерно.Возможно, мой пример поможет.

Пример здесь: (Навигация вверху) http://www.search -this.com / examples / eberl-reboot / index2.html

Я хочу, чтобы анимация не просто шла слева направо, а начиналась с середины и заполнялась слева и справа.Имеет смысл?

Возможно, есть другие способы объяснить это, возможно, лучше, но вы получаете то, что мне нужно?

Спасибо

Answer 1

Попробуйте, он должен делать то, что вы хотите: http://jsfiddle.net/bZAsp/

Это немного странно, если вы спамите кнопку анимации, но это упражнение, оставленное читателю, чтобы исправить:)

Answer 2

Вам также необходимо анимировать левую позицию, учитывая изменение дельты по ширине:

http://jsfiddle.net/ZfvBK/3/

надеюсь, что помогает

Answer 3

Попробуй это. Но вы должны рассчитать эти значения динамически в зависимости от того, какую ширину вы хотите анимировать.

$(someElement).animate({ "margin-left": "+=50", "width": 200});