Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите пожалуйста

Обсуждение темы Помогите пожалуйста в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте, помогите пожалуйста решить проблему с подсветкой активного меню чтобы при нажатии на ссылку она оставалась активной PHP код: < ul  class= "menu_top" ...


Закрытая тема
 
Опции темы
Старый 06.11.2010, 08:09   #1
Здравствуйте, помогите пожалуйста
решить проблему с подсветкой активного меню
чтобы при нажатии на ссылку она оставалась активной

PHP код:
<ul class="menu_top">
<
li id="current"><a href="#"><span>Главная</span></a></li>
<
li><a href="#"><span>ПУНКТ1</span></a></li>
<
li><a href="#"><span>ПУНКТ2</span></a></li>
<
li><a href="#"><span>ПУНКТ3</span></a></li>
<
li><a href="#"><span>ПУНКТ4</span></a></li>
<
li><a href="#"><span>ПУНКТ5</span></a></li>
<
li><a href="#"><span>ПУНКТ6</span></a></li></ul
PHP код:
ul.menu_top{width:auto;padding:0margin:0;}
ul.menu_top li  {displayinline;list-style-typenone;}
ul.menu_top li a{display:block;float:left;line-height:21px;height:21px;margin:0 3px 3px 0;font-family:Arialsans-serif;font-size:12px;font-styletext-decoration:none;color:#000;padding:0 9px 0 0}
ul.menu_top li a span{display:block;float:left;line-height:21px;height:21px;padding:0 0 0 9px;margin:0;cursor:pointer}
ul.menu_top li a:hoverul.menu_top li#current a {background: url("../images/rb.png") 100% 50% no-repeat;text-decoration:none;color:#ff7800;}
ul.menu_top li a:hover spanul.menu_top li#current a span{background: url("../images/lb.png") 0% 50% no-repeat;} 
 
Старый 06.11.2010, 08:09
Ссылки
Старый 06.11.2010, 13:38   #2
<script>
onload = function ()
{
for (var lnk = document.links, j = 0; j < lnk.length; j++)
if (lnk [j].href == document.URL) lnk [j].style.color = 'red';
}
</script>
 
Этот пользователь сказал спасибо Mihalich41 за это полезное сообщение:
slax (06.11.2010)
Старый 06.11.2010, 17:37   #3
Скрипт проблему решил наполовину, ссылки становятся
акивными, а фон как был на ссылке Главная так и стоит,
а как немного подправить чтобы и фон передвигался
на активную ссылку
 
Старый 07.11.2010, 19:23   #4
<script>
onload = function ()
{
for (var lnk = document.links, j = 0; j < lnk.length; j++)
if (lnk [j].href == document.URL) lnk [j].style.backgroundColor = 'red';
for (var lnk = document.links, j = 0; j < lnk.length; j++)
if (lnk [j].href == document.URL) lnk [j].style.color = 'red';
}
</script>
 
Старый 07.11.2010, 19:23
Закрытая тема

Метки
menu


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста Каверин Технологии Flash 1 14.05.2012 00:47
Помогите пожалуйста! Ростислав HTML, CSS, JavaScript 5 17.03.2010 20:15
Пожалуйста помогите!!! Leks777 3D-графика 2 23.11.2006 11:03
Помогите!!! Пожалуйста!!!! Novice Технологии Flash 0 29.05.2006 18:29
Помогите пожалуйста Roman HTML, CSS, JavaScript 11 04.02.2006 04:42


Текущее время: 20:28. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум