SelenIT, вот есть, если я не ошибаюсь, такие псевдо-классы как hover, active, а есть ли псевдо класс для ссылки покоторой уже перешли, и она остаётся выделенной специальным цветом.
может чуть проше опишу, попробую:
вот у нас есть стиль CSS| Код |
#menu {
display:table;
padding:0;
margin: 0 0 -1px;
font: normal 0.8em/0.8em verdana, sans-serif;
white-space:nowrap;
list-style-type:none;
position: relative;
}
* html #menu {
display:inline-block;
width:1px;
bottom: -0.09em;
}
#menu li {
display:table-cell;
}
* html #menu li {
display:inline;
position: relative;
z-index: expression(this.nextSibling ? this.nextSibling.style.zIndex+1 : 1);
}
#menu li a {
position: relative;
display: block;
padding:0.2em 0.2em 0.2em 1em;
margin: 0 0.7em;
background:#337935;
color:#fff;
text-decoration:none;
}
#menu li span {
position: absolute; top: 0; height: 1.2em;
}
#menu li span.left {
background: url(../images/bg10.gif) no-repeat 0 0; left: -3px; width: 3px; z-index: 0;
}
#menu li span.right {
background: url(../images/bg11.gif) no-repeat 0 0; right: -2.2em; z-index: 2; width: 2.2em;
}
* html #menu li a {
display:inline-block;
margin: 0 0.5em;
}
#menu li.actual {
position: relative;
z-index: 100;
}
#menu li.actual a {
color:#337935;
background:#fff;
position: relative;
z-index: 100;
}
#menu li.actual span {
background-position: 0 -100px;
}
|
| Код |
<div class="cont">
<ul id="menu">
<li class="actual"><a href="№"><span style="outline-color: rgb(0, 0, 255); outline-style: solid; outline-width: 1px;" class="left"></span>Раз закладка<span style="outline-color: rgb(0, 0, 255); outline-style: solid; outline-width: 1px;" class="right"></span></a></li>
<li class=""><a href="№"><span style="outline-color: rgb(0, 0, 255); outline-style: solid; outline-width: 1px;" class="left"></span>Два закладка<span style="outline-color: rgb(0, 0, 255); outline-style: solid; outline-width: 1px;" class="right"></span></a></li>
<li class=""><a href="№"><span style="outline-color: rgb(0, 0, 255); outline-style: solid; outline-width: 1px;" class="left"></span>Три закладка<span style="outline-color: rgb(0, 0, 255); outline-style: solid; outline-width: 1px;" class="right"></span></a></li>
<li class=""><a href="№"><span style="outline-color: rgb(0, 0, 255); outline-style: solid; outline-width: 1px;" class="left"></span>Четыре закладка<span style="outline-color: rgb(0, 0, 255); outline-style: solid; outline-width: 1px;" class="right"></span></a></li>
</ul>
</div>
|
и вот у нас здесь указано для <li class="actual"> класс "actual", а можно JS просто менять z-index и имя класса.
Просто те JS которые в вашем примере, для меня они лишнии. Мне нужно загружать новую страничку. |
это опечатка?
(только это не все конечно)