| |
|
|
| | Столкнулся с задачей
Есть вертикальное ЦСС меню уровнем 3 вложенности.
Каждый уровень просто раздвигается.
Все гуд работает, но если перейти по сслыке допустим в 3 вложености, переход.. на нойвой странице меню получается всегда свернуто.
Понимаю что можно как нить реализовать на js чтобы по переходу передавать паремтром в функцию которая будет раскрывать менюшку в нужной вложености
Вот собственно стиль менюхи
#top, #top ul
{
list-style: none;
}
#top ul li
{
display: block;
}
#top ul li a
{
display: block;
}
#top ul li ul
{
display: none;
}
#top {
margin:0;
padding:0;
}
#top ul
{
margin:0;
padding:0;
font-size:12px;
padding-top: 25px;
}
#top li
{
width: 201px;
display: block;
float: none;
margin-bottom: 2px;
padding: 0;
background: url(/templates/main/images/menu.jpg) no-repeat top left;
padding-top: 3px;
padding-left: 17px;
}
#top li:hover, #top li.jshover
{
width: 201px;
display: block;
float: none;
margin-bottom: 2px;
padding: 0;
background: url(/templates/main/images/menuact.jpg) no-repeat top left;
padding-top: 3px;
padding-left: 17px;
}
#top a
{
color: #473410;
text-decoration: underline;
font-size:12px;
white-space: nowrap;
text-decoration: none;
display: block;
padding-bottom: 4px;
}
#top a:hover
{
color: #a81b45;
text-decoration: none;
}
*html #top li ul
{
border-left:0;
padding:0px;
margin:0;
width:129px;
left:0;
display: none;
/*display:block;*/
margin-top: 5px;
margin-left: -17px;
}
*:first-child+html #top li ul
{
border-left:0;
padding:0px;
margin:0;
width:129px;
left:0;
display: none;
/* display:block;*/
margin-top: 5px;
margin-left: -17px;
}
#top li ul
{
border-left:0;
padding:0px;
margin:0;
width:129px;
left:0;
display: none;
/* display:block;*/
margin-top: 5px;
padding-bottom: 2px;
margin-left: -17px;
}
#top li li
{
}
#top li:hover li:hover, #top li.jshover li.jshover
{
width: 201px;
display: block;
float: none;
margin-bottom: 2px;
padding: 0;
background: url(/templates/main/images/menu2.jpg) no-repeat top left;
padding-top: 3px;
padding-left: 17px;
}
#top li li a
{
color: #51351f;
font-size: 11px;
background:none;
padding-bottom: 5px;
font-weight: normal;
text-decoration: none;
padding-left: 27px;
}
#top li li li a
{
color: #51351f;
font-size: 10px;
background:none;
padding-bottom: 6px;
font-weight: normal;
text-decoration: none;
padding-left: 45px;
}
|
подскажите как реализовать.. | |
| |
|
|
| |
|
|
| |
для: voksel
(19.02.2009 в 15:32)
| | | Можно хранить открытый пункт меню в куки | |
| |
|
|
