При клике на главную (active садится с контакты )
вот код
| Код |
<ul id="tabs">
<li id="ax1"><a href="#">Главная</a></li>
<li id="ax2"><a href="#">Услуги</a></li>
<li id="ax3"><a href="#" >О нас</a></li>
<li id="ax4"><a href="#">Отзывы</a></li>
<li id="ax5"><a href="#">Контакты</a></li>
</ul>
|
| Код |
ul#tabs {margin-top: 119px;position: absolute; margin-right:247px;right: 0px;top: -15px;}
ul#tabs li {background: url(/images/tab.png) no-repeat;float: left;height: 40px;list-style:none; width:100%;}
ul#tabs li a {display: block;height: 100%;text-indent: -9000px; }
ul#tabs li#ax1 {background-position: 0px -0px; width:102px;}
ul#tabs li#ax1:hover {background-position: 0px -39px; width:102px;}
ul#tabs li#ax1.current,ul#tabs li#ax1:active{background-position: -0px -39px;width:102px;}
ul#tabs li#ax2 {background-position: -105px 0px; width:102px;}
ul#tabs li#ax2:hover {background-position: -105px -39px; width:102px;}
ul#tabs li#ax2.current, ul#tabs li#ax1:active {background-position: -105px -39px;width:102px;}
ul#tabs li#ax3 {background-position: -207px 0px; width:89px;}
ul#tabs li#ax3:hover {background-position: -207px -39px;width:89px;}
ul#tabs li#ax3.current, ul#tabs li#ax1:active {background-position: -207px -39px;width:89px;}
ul#tabs li#ax4 {background-position: -296px 0px; width:104px;}
ul#tabs li#ax4:hover {background-position: -296px -39px;width:104px;}
ul#tabs li#ax4.current, ul#tabs li#ax1:active {background-position: -296px -39px;width:104px;}
ul#tabs li#ax5 {background-position: -399px 0px; width:117px;}
ul#tabs li#ax5:hover {background-position: -399px -39px;width:117px;}
ul#tabs li#ax5.current, ul#tabs li#ax1:active {background-position: -399px -39px;width:117px;}
|
|