Яндекс.Метрика
  
Загружается... Ждите...
Language (s): Мультиязычный  


Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>AK 3 | MGTU | 2012-2018 | PC</title>
<link type="text/css" rel="StyleSheet" href="/diz2/test/diz2.css" />  
<script type="text/javascript" src="/diz2/test/jquery.min.js"></script>
<script type="text/javascript" src="/diz2/test/diz2.js"></script>
</head>
<body>
<div class="container">
  <h1>AK 3 | MGTU | 2012-2018</h1>
  <ul class="tabs">
  <li class="active"><a href="#tab1">Архив</a></li>
  <li class=""><a href="#tab2">ДЗ</a></li>
  <li class=""><a href="#tab3">Расписание</a></li>
  <li class=""><a href="#tab4">Модули</a></li>
  <li class=""><a href="#tab5">Преподы</a></li>
  <li class=""><a href="#tab5">АК3</a></li>
  <li class=""><a href="#tab5">АКФ news</a></li>
  <li class=""><a href="#tab5">МГТУ news</a></li>
  </ul>
<div class="tab_container">
  <div style="display: block;" id="tab1" class="tab_content">
  <h2>11111111111111</h2>
  <a href="#"><img src="cunami.jpg" alt=""></a>
  <h3><a href="http://www.pcvector.net/">222222222222222</a></h3>
  <p>33333</p>  
  </div>

  <div style="display: none;" id="tab2" class="tab_content">
  <h2>qwe5t3wq52а</h2>
  <a href="#"> <img src="sputnik.jpg" alt=""></a>
  <h3><a href="http://www.pcvector.net/">www.pcvector.net</a></h3>
  <p>asdfgaaf</p>
  </div>

<div style="display: none;" id="tab3" class="tab_content">
  <h2>qwe5t3wq52а</h2>
  <a href="#"> <img src="sputnik.jpg" alt=""></a>
  <h3><a href="http://www.pcvector.net/">www.pcvector.net</a></h3>
  <p>asdfgaaf</p>
  </div>

<div style="display: none;" id="tab4" class="tab_content">
  <h2>qwe5t3wq52а</h2>
  <a href="#"> <img src="sputnik.jpg" alt=""></a>
  <h3><a href="http://www.pcvector.net/">www.pcvector.net</a></h3>
  <p>asdfgaaf</p>
  </div>

<div style="display: none;" id="tab5" class="tab_content">
  <h2>qwe5t3wq52а</h2>
  <a href="#"> <img src="sputnik.jpg" alt=""></a>
  <h3><a href="http://www.pcvector.net/">www.pcvector.net</a></h3>
  <p>asdfgaaf</p>
  </div>

  </div>
</div>
</body>
</html>
Tags: вкладок, Пример, Codes, HTML
Views: 534 | Added: 17.01.2013 в 19:28 | Comments: 1

Comments
Total Comments: 0
Имя *:
Email:
Код *: