Почему не работает .animate()?

Question

[Сергей Карвасарный]

Добрый день. В скриптах не силен сразу скажу, возникла такая проблема.
Тут все работает но стоит вопрос в плавности реализации этих стилей (т.е плавно должно все меняться)

$(this).css({
        'float':'right',
        'marginTop':ott+'px',
        'position':'inherit',
        'backgroundImage':'url(images/str-left.png)'
      }).show();

Когда стоит .animate у меня срабатывает единственный стиль это marginTop, а остальные игнорит

$(this).animate({
        'float':'right',
        'marginTop':ott+'px',
        'position':'inherit',
        'backgroundImage':'url(images/str-left.png)'
      }).show();

Подскажите в чем у меня ошибка или может это как-то по другому можно сделать.

Answer 1

[tennalian]

не совсем понимаю анимацию флоат, позишн и бг)) что происходить должно? Мб вам больше подойдет css свойство transition?

Answer 2

[Serj-One]

Всё верно, анимируются только те css-свойства, которые задаются с помощью числовых значений.

Answer 3

[Сергей Карвасарный]

Вот же спасибо) понял теперь как сделать) в .animate(все что с числами сделаю а потом).css(то что не имеет числовых значений). А то уже все документацию перечитал)

Answer 4

[Иван]

Да сейчас вроде многое можно просто с помощью transition сделать...