@idx12x4xxx
Начинаю разбираться в JavaScript

Как добавить задержку к .css?

У меня есть код, который должен изменять цвет кнопки на черный после того, как с него убираешь стрелку. Как сделать, что бы этот css применялся спустя 5 секунду после того, как убираешь стрелку.

jQuery("document").ready(function() {
    jQuery(".quadmenu-item").mouseleave(function() {       
        jQuery(this).css('background-color','#000');   
    });
});
  • Вопрос задан
  • 363 просмотра
Решения вопроса 1
Используйте css, вам здесь скрипты не нужны:
.quadmenu-item {
    background-color: #000;
    
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear;
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
}

.quadmenu-item:hover {
    background-color: #f00;

    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы