Показать сообщение отдельно
  #4 (permalink)  
Старый 06.10.2012, 21:27
Аспирант
Отправить личное сообщение для mooni Посмотреть профиль Найти все сообщения от mooni
 
Регистрация: 01.09.2012
Сообщений: 35

#id1 {
   background: url('http://knigthvolk.my1.ru/SC/menu/novosti.png') no-repeat;
   width: 70px;
   height: 15px;
   border: 0;
   color: transparent;
   outline: none;
   position: absolute;
   left: 5px;
   top: 0px;
}
#id1:hover {
   background: url('http://knigthvolk.my1.ru/SC/menu/novosti_a.png') no-repeat;
}
.id1 {
   background: url('http://knigthvolk.my1.ru/SC/menu/novosti_a.png') no-repeat;
}

#id2 {
   background: url('http://knigthvolk.my1.ru/SC/menu/rozysk.png') no-repeat;
   width: 70px;
   height: 15px;
   border: 0;
   color: transparent;
   outline: none;
   position: absolute;
   left: 5px;
   top: 40px;
}
#id2:hover {
   background: url('http://knigthvolk.my1.ru/SC/menu/rozysk_a.png') no-repeat;
}
.id2 {
   background: url('http://knigthvolk.my1.ru/SC/menu/rozysk_a.png') no-repeat;
}








<script type="text/javascript">
function newsSwitch(ne, cl) {

        document.getElementById('n1').style.display = 'none';
        document.getElementById('n2').style.display = 'none';
        document.getElementById('n3').style.display = 'none';
        document.getElementById('n4').style.display = 'none';
        document.getElementById('n5').style.display = 'none';
        document.getElementById(ne).style.display = 'block';   



        document.getElementById('id1').className = '';
        document.getElementById('id2').className = '';
        document.getElementById('id3').className = '';
        document.getElementById('id4').className = '';
        document.getElementById('id5').className = '';
        document.getElementById(cl).className = cl; 


   }
</script>
<a href="javascript:newsSwitch('n1', 'id1');" id="id1"></a><br />
<a href="javascript:newsSwitch('n2', 'id2');" id="id2"></a><br />
<a href="javascript:newsSwitch('n3', 'id3');" id="id3"></a><br />
<a href="javascript:newsSwitch('n4', 'id4');" id="id4"></a><br />
<a href="javascript:newsSwitch('n5', 'id5');" id="id5"></a>
</div>


Собственно вот мой код. n1-n2 блоки, ну там, я думаю, понятно.
Класс у активного элемента появляется как надо, но фоновая картинка не меняется.
Ответить с цитированием