Использование jquery animate для выделения div при загрузке - PullRequest
Новая
       1

Использование jquery animate для выделения div при загрузке

3 голосов
/ 18 июня 2011

У меня простая система уведомлений.Я хочу использовать jquery, чтобы выделить загрузку div, изменив цвет фона и вернуться к нормальному состоянию через 500 мсек всего за один миг.Подобно тому, когда мы отвечаем на вопросы о Stackoverflow.Достаточно просто, чтобы привлечь внимание. 

<div id="flash">Notification</div> 

 $(function() {
    $( "#flash" ).animate({
    backgroundColor: "#aa0000",
     }, 1000 );
 });

Это не работает, как ожидалось.Он не переключается обратно на # ffffff.

Я ценю любую помощь.

1 Ответ

5 голосов
/ 18 июня 2011

jQuery UI имеет особый эффект для этого, называемый highlight . Вопросы использования animate для таких свойств, как background-color, описаны здесь :

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

Редактировать Если вы действительно не хотите использовать опцию jQuery UI, вы можете смоделировать подобный эффект, обернув background-color в его собственный элемент и скрыв его.

пример: http://jsfiddle.net/niklasvh/x2jrU/

...