[Помогите] с меню

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем etens1212, 29 дек 2015.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    как мне сделать в таком меню
    active
    ???

    Код:
    <div id="nav">
            <ul>
            <li><a href="#page-one">О нас</a></li>
            <li><a href="#page-two">Портфолио</a></li>
            <li><a href="#page-three">Услуги</a></li>
            <li><a href="#page-four">Контакты</a></li>
            </ul>
            </div>

    сайт одностраничник


    нужно
    щоб при наведенні на <div id="page-one">

    Hover Ставал активний
     
  2. Вячек

    Вячек

    Регистрация:
    24 мар 2015
    Сообщения:
    4
    Симпатии:
    0
    Добавь скрипт (скрипт должен быть подключен в конце страницы, например перед закрывающим тегом </body>)

    function addActiveClass(){
    this.classList.toggle('active');
    }
    document.querySelector('#page-one').addEventListener('mouseenter', addActiveClass );
    document.querySelector('#page-one').addEventListener('mouseleave', addActiveClass );
     
  3. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16

    добавил
    не работает(
     
  4. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    а зачем это нужно на лендинге? разве что при скроллинге меню. Если так то не правильно поставлена задача. Опишите подробнее