Вы можете сделать свою пользовательскую анимацию при помощи функции animate(). Ключ представляет собой свойство стиля. Тут есть один важный момент: ключ должен быть написан в стиле верблюжья нотация CamelCase. По-другому работать не будет! Длительность задаётся в миллисекундах.
$("#block").animate({"ключ": "значение"}, "длительность" );
Приведу простой пример.
$("#block").animate({
width: "70%",
opacity: 0.4,
marginLeft: "10px",
fontSize: "14px",
borderWidth: "10px"
}, 1500 );
вы можете много раз использовать анимацию. Допустим цепочка анимаций из двух частей. Сначала отработает первая часть, потом вторая. Вы можете сделать свою достаточно длинную анимацию. Посмотрите на код ниже. Тут сначала высветляется блок, а потом снова принимает свой естественный цвет. Я просто меняю прозрачность.
$(".top").animate({opacity: 0.4}, 1500 ).animate({opacity: 1.0}, 1500 );