Показать сообщение отдельно
  #15 (permalink)  
Старый 19.07.2014, 22:21
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<script>
  var active;
  var color = {
    '#one': '#66FF66',
    '#two': '#FFCC00',
    '#three': '#FFFF00'
  };
  window.onload = function () {
    var tabs = document.querySelector('div.tabs');
    var custom = document.getElementById('custom');
    tabs.onclick = function (e) {
      var el = e ? e.target : window.event.srcElement;
      if (el.tagName != "A") return;
      active && (active.style.backgroundColor = '');
      el.style.backgroundColor = color[el.hash];
      custom.style.backgroundColor = color[el.hash];
      active = el;
    }
  }
</script>
<body>
  <div class="menu">
    <div class="tabs">
      <a href="#one">Дом</a>
      <a href="#two">Дом</a>
      <a href="#three">Дом</a>
    </div>
    <div id="custom">Другой блок</div>
  </div>
</body>
Ответить с цитированием