Подскажите как такое можно сделать? У меня есть меню, и хочу попробовать нестандартно анимировать элементы меню, просто hover использовать не хочу, интересно как с помощью js можно реализовать смену класса объекту на который навелись.
Если не хотите использовать ховер в css, то можно сделать тоже самое с помощью js, там есть такой же ивент листнер, внутрь записать просто функцию которая бы убирала бы класс актив со всех ссылок, и добавляла бы их текущей с помощью this:
.some_active {
color: #4CAF50;
}
a {
color: red;
}
Первый блок это css, что бы отличать текущую ссылку на которую навелись от общей.
class="some_active">Первая ссылка
- <a
Вторая ссылка
Третья ссылка
Дальше html код где один из элементов изначально содержит класс some_active, после этого просто в js убираем класс со всех и добавляем текущей ссылке.
$('a').hover(
function() {
$('a').removeClass('some_active');
$(this).addClass('some_active');
}
)