Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
serjio3077
2 / 2 / 1
Регистрация: 31.07.2013
Сообщений: 27
1

Подсветка ссылки меню после нажатия

30.06.2015, 09:25. Просмотров 884. Ответов 1
Метки нет (Все метки)

Имеется горизонтальное меню, с вложенностью. Есть ли возможность изменить стиль ссылки после нажатия, то есть если я нахожусь в данном пункте либо его потомке(подпункте) подсветка по макету дизайна должна меняться, а так же начертание шрифта. Изучил возможности :hover :visited :checked, ничего не помогает.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.06.2015, 09:25
Ответы с готовыми решениями:

Показ ссылки после нажатия на баннер
Привет! Как сделать так, чтобы ссылка на файл высвечивалась только после...

Можно ли изменить ссылки по классу в меню (поменять домен в конкретном меню)?
Всем привет. Есть два меню на странице: <ul class="menu-head">...

Как сделать,чтобы после (!именно после)нажатия кнопки"рассчитать" отображалась на экране запись
Люди добрые,прошу помощи! Как сделать,чтобы после (!именно после)нажатия...

Запрос после нажатия кнопки
Здравствуйте. Помогите, пожалуйста, решить следующую проблему. Нужно чтобы...

Появление текста после нажатия
Доброго времени суток форумчане. Помогите пожалуйста. Мне нужно написать...

1
Shakalaka
Эксперт HTML/CSS
644 / 548 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
30.06.2015, 11:16 2
Лучший ответ Сообщение было отмечено serjio3077 как решение

Решение

Таким обычно занимается серверная сторона. Активному пункту меню присваивается класс типа .active/current или еще как-то. Но можно и на js реализовать.
Пример
HTML5
1
2
3
4
5
6
<ul>
    <li>item 1(click)</li>
    <li>item 2(click)</li>
    <li>item 3(click)</li>
    <li>item 4(click)</li>
</ul>
CSS
1
2
3
4
5
6
7
8
9
.active{
    font-family:'Gabriola';
    font-size:3em;
    color:#f0f;
}
li{
    transition:all .5s;
    cursor:pointer;
}
Javascript
1
2
3
4
5
6
7
8
9
10
11
var lis = document.querySelectorAll('li');
for(var i = 0; i < lis.length; i++){
    lis[i].onclick = function(){
        if(active = this.parentNode.querySelector('.active')){
            active.classList.remove('active');
            this.classList.add('active');
        }
        else
            this.classList.add('active');
    }
}
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.06.2015, 11:16

Изменение div после нажатия
В общем у меня есть div. я его использую как ссылку при нажатии на которую идет...

Закрытие формы после нажатия
Всем доброго времени суток! У меня есть форма обратной связи которая находится...

Скрыть div после нажатия на него
Здравствуйте. Есть блок текста с &quot;Читать далее&quot;. После нажатие на читать далее...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru