проблема анимации jQuery

Question

Я новичок в jQuery и изучаю его для интеграции с ASP.NET.

Следующее создает исключение как «Неверный аргумент».

<script type="text/javascript">
$(document).ready(
    function () {
        $("h2:first").animate({
            borderBottom: '3px solid #8f8f8f',
            borderRight: '3px solid #bfbfbf'
        }, 2000);
    }
);

.....

<h2>
    Welcome to ASP.NET!
</h2>

Спасибо & regards

Answer 1

проблема

Вы пытаетесь анимировать более одного измерения на свойство.

Все анимированные свойства должны быть анимированы до одиночного числового значения , за исключением случаев, указанных ниже; большинство нечисловых свойств не может быть анимировано с использованием основных функций jQuery. (Например, width, height или left могут быть анимированными, но background-color не может быть.) Значения свойств обрабатываются как количество пикселей, если не указано иное. Единицы измерения em и% могут быть указаны, где это применимо.

Вы должны установить значения по одному свойству за раз, например borderBottomWidth: 3. Проблема также в том, что предоставляемая анимация не может анимировать цвета как есть. Для этого нужно прибегнуть к другим средствам.

Проект jQuery UI расширяет метод .animate(), позволяя анимировать некоторые нечисловые стили, такие как цвета. Проект также включает механизмы для определения анимации с помощью классов CSS, а не отдельных атрибутов.