| |
|
|
| | Мне нужно сделать, чтобы ссылка в меню и рисунок принимали 2 значения. Первое это, когда на ссылку уже нажали
и второе когда еще нет, ну т.е. обычное состояние
Стили
.active { font-size: 9pt; color: #9b3333; font-family: Tahoma }
a:link.sec { font-size: 9pt; color: #6D838B; text-decoration: none; font-family: Tahoma }
a:active.sec { font-size: 9pt; color: #000000; text-decoration: none; font-family: Tahoma }
a:visited.sec { font-size: 9pt; color: #6D838B; text-decoration: none; font-family: Tahoma }
a:hover.sec { font-size: 9pt; color: #000000; text-decoration: none; font-family: Tahoma}
|
Мне приходится делать меню таким образом для отдельной страницы,
<DIV><img src="images/o.gif" width="21" height="14"><a class="sec" a href="papka/stranica1.php"">раздел1</a></div>
<DIV><img src="images/o.gif" width="21" height="14"><a class="sec" a href="...">раздел2</a></DIV>
....
<DIV><img src="images/o.gif" width="21" height="14"><a class="sec" a href="...">раздел6</a></DIV>
|
а теперь для другой страницы stranica1.php т.е ссылка тут уже поменялась
<DIV><img src="images/o2.gif" width="20" height="15"><a class=active>раздел1</div> вот видите ссылка уже выбрана (меняется рисунок и стиль ссылки)
<DIV><img src="images/o.gif" width="21" height="14"><a class="sec" a href="...">раздел2</a></DIV>
....
<DIV><img src="images/o.gif" width="21" height="14"><a class="sec" a href="...">раздел6</a></DIV>
|
что не очень то удобно, да и места много занимает. Как можно это всё оптимизировать? | |
| |
|
|
| |
|
|
| |
для: technic611
(21.01.2006 в 07:01)
| | | Чтобы код меню не зависел от страницы, делаете его с кодом JS, который подставляет картинку методом document.write в зависимости от URL страницы (location.href). Т.е., на месте img-тега пишете (пример)
<script>document.write('<img src='+(location.href.indexOf('str1.htm')>0?'str1':'str2')+'.gif>');</script>
|
Есть способ (похожий, но не для вашей задачи) сменять картинки немедленно по наведению мыши или по клику через JS, а также решение чисто через стили (в фон посещённой или активной ссылки пишется другое изображение). Но эти решения не будут отражать смену страниц, а отразят именно клики по ссылке, что может ввести в заблуждение пользователя. | |
| |
|
|
