0

Я сделал скрипт, который при наведении мыши перекрашивает каждый элемент в меню в белый цвет, а при событии mouseout возвращается черный цвет. Однако при наведении курсора мыши другие элементы тоже перекрашиваются в белый цвет.

введите сюда описание изображения Вот ссылка http://test3.testkz.ru/

$("#cssmenu ul li").mouseover(function() {
    $(".has-sub a span").css("color", "white");
        }).mouseout(function() {
    $(".has-sub a span").css("color", "black");
});
1
  • Потому что Вы селектором $(".has-sub a span") указали, что при наведении ВСЕ span-ы становятся белыми. Почитайте про $(this) в JQuery. А вообще в этом случае лучше обойтись css, применив псевдокласс :hover.
    – DogeDev
    26 сен 2017 в 13:27

1 ответ 1

2

убери js код, и сделай это в CSS

style.css строка 567

#cssmenu ul li span:hover, #cssmenu ul li:hover {
    color: #fff;
}

замени на

#cssmenu ul li:hover > a * {
    color: #fff;
}
1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.