Jump to content
  • 0

Изменение цвета ссылки при нажатие


lapas
 Share

Question

Собственно задача вот в чем:

есть ссылки в меню и при нажатие на ссылку она должна становится красной допустим, но если использовать:

A:visited то после нажатия на эти ссылки они и остаются такого же цвета всегда, а мне нужно чтобы нажал допустим на пункт 1 он стал красный а остальные все черные, нажал пункт 2 он стал красным а остальные все черные, и красный он стал на все время пока выбран этот пункт...

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
не понял тоесть к каждому пункта делать свой стиль, правельно я понял? у меня просто 32 пункта в меню ....

Сделать класс, active, например, на него навешать нужные стили для активной ссылки и добавлять его в класс титульной ссылке, на главной - главной, на странице услуги - услуги...

Link to comment
Share on other sites

  • 0

Грубо так:

<style>
#menu li {color:#000;}
#menu .amenu {тут необходимый цвет и т.п.}
</style>
<ul id="menu">
<li></li>
<li></li>
<li></li>
<li class="amenu"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

PS - class="amenu" на менюшку активной страницы, ага?

Link to comment
Share on other sites

  • 0
Searcher Дата Сегодня, 14:20

ну так и задайте непосредственно на этой странице другой стиль текущему пункту.

У меня меню подгружается через include тоесть ко всем страницам одно и тоже меню.

И страница с категориями тоже динамическая тоесть у меня нет по сути файлов категория1 категория 2 категория 3 а есть categories.php

PS - class="amenu" на менюшку активной страницы, ага?

Вопрос в следующем как определить что пункт стал активным

Link to comment
Share on other sites

  • 0

А какая разница. С php даже больше возможностей. Вы же скорее всего формируете страницу по GET. Значит скрипт знает, какой пункт меню сейчас должен быть активен. Пишите соответствующее значение в переменную основного скрипта и в файле с меню в зависимости от значения этой переменной задаете класс соответствующему элементу.

Рассуждайте логически и все проблемы будут решены.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy