|
Активные ссылки в меню
|
|
Вторник, 06.03.2012, 11:26
Пользователь
Всем привет. Как сделать активные ссылки в меню оформелнными
То есть например у меня есть горизонтальное меню. И само меню синего цвета.
И мне надо чтобы когда я нажму на главную страницу, ссылка главная была красным цветом и не менялась, пока я например не нажму на ссылку "О сайте". Как только я нажму на ссылку "О сайте" чтобы она загоралась красным цветом а главная в основной цвет.
Надеюсь понятно объяснил... Как я понял это можно реализовать только с PHP или JavaScript'ом.
Мне нужно решение с JavaScript'ом, только НЕ PHP.
Если есть другие варианты то можно и другим вариантом...
Если потребуеться, могу скинут CSS и HTML коды меню... |
http://www.seosprint.net/?ref=968055 - максимальная раскрутка сайтов! |
|
Вторник, 06.03.2012, 14:52
Проверенный
Обрамить главную в id=main , о сайте id=about и на jQuery
$('#about').click(function(){
$(this).attr('color', 'black');
$('#main').attr('color', 'red');
}); |
Не время делает нас, а мы делаем время |
|
Пользователь
| Спасибо конечно, но можно пожалусто по подробнее... Чтобы поставить другой стиль, нужно в скобках менять? |
http://www.seosprint.net/?ref=968055 - максимальная раскрутка сайтов! |
|
Проверенный
Если другой стиль, то
$('элемент').addClass('Новое имя класса').removeClass('Старое имя класса') |
Не время делает нас, а мы делаем время |
|
Проверенный
| Через стандартное меню можно |
Вёрстка макетов под uCoz - http://megasoft.3dn.ru/forum/95-278021-1 |
|
Четверг, 08.03.2012, 09:25
Пользователь
[spoiler="HTML"]<ul class="solidblockmenu">
<li><a href="/" title="Главная" id="addrl">Главная</a></li>
<li><a href="#" title="разделк">раздел</a></li>
<li><a href="#" title="раздел">раздел</a></li>
<ul class="solidblockmenus">
<li><a href="#" title="раздел">еще раздел который будет слева</a></li>
</ul>
</ul>
<br style="clear: left" />[/spoiler]
[spoiler="CSS"].solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(/images/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenus li a{
float: right;
color: white;
padding: 9px 11px;
text-decoration: none;
border-left: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
text-decoration: none;
background: transparent url(/images/blockactive.gif) center center repeat-x;
}
.solidblockmenu li a:hover, .solidblockmenu li .current {
color: white;
background: transparent url(/images/blockactive.gif) center center repeat-x;
}[/spoiler]
Вот коды моего меню, скажите пожалуста что и как куда писать...Я так и ничего не понял просто...
И кстате, а как сделать чтобы это меню стало стандартным?
zdor, спасибо за помощь! |
http://www.seosprint.net/?ref=968055 - максимальная раскрутка сайтов! |
|
