Главная » 2010 » Октябрь » 17 » Простое горизонтальное выпадающее меню (Javascript)
17.10.2010, 10:08

Простое горизонтальное выпадающее меню



Если вам не нужны различные "навороты", то это горизонтальное меню именно для вас.
Основано на таблицах.

Скачиваете архив и закидываете файлы из него в корень сайта.

Затем, подключаете их в head:

Code
<link rel="stylesheet" type="text/css" href="w3menu_h.css" />

<script type="text/javascript" src="w3menu_h.js"></script>

А в body, в любое место ставите это:

Code
<table id="w3mh_box" class="w3mh_b0" cellpadding="0" cellspacing="0"><tr>
  <td><div><a href="">item 0000</a></td>
  <td><div><a href="">item 1</a>
  <table class="w3mh_b" cellpadding="0" cellspacing="0">
  <tr><td><div><a href="">item 1.000</a></div></td></tr>
  <tr><td><div><a href="">item 1.1111</a></div></td></tr>
  <tr><th><div>group 1.0</div></th></tr>

  <tr><td><div><a href="">item 1.22</a></div></td></tr>
  <tr><td><div><a href="">item 1.22</a></div></td></tr>
  </table>
  </div></td>
  <td><div><a href="">item 222</a>
  <table class="w3mh_b" cellpadding="0" cellspacing="0">
  <tr><td><div><a href="">item 2.000</a></div></td></tr>

  <tr><td><div><a href="">item 2.1111</a></div></td></tr>
  <tr><td><div><a href="">item 2.2</a></div></td></tr>  
  </table>
  </div></td>
  <td><div><a href="">item 33</a>
  <table class="w3mh_b" cellpadding="0" cellspacing="0">
  <tr><td><div><a href="">item 3.00</a>

  <table class="w3mh_b" cellpadding="0" cellspacing="0">
  <tr><td><div><a href="">item 3.0.0000</a></div></td></tr>
  <tr><td><div><a href="">item 3.0.111</a>
  <table class="w3mh_b" cellpadding="0" cellspacing="0">
  <tr><td><div><a href="">item 3.0.1.0000</a></div></td></tr>
  <tr><td><div><a href="">item 3.0.1.1</a></div></td></tr>
  <tr><td><div><a href="">item 3.0.1.22</a></div></td></tr>

  </table>
  </div></td></tr>
  <tr><td><div><a href="">item 3.0.222222</a>
  <table class="w3mh_b" cellpadding="0" cellspacing="0">
  <tr><td><div><a href="">item 3.0.2.00</a></div></td></tr>
  <tr><td><div><a href="">item 3.0.2.11111</a></div></td></tr>
  <tr><td><div><a href="">item 3.0.2.2</a></div></td></tr>

  </table>
  </div></td></tr>
  </table>
  </div></td></tr>
  </table>
  </div></td>
  <td><div><a href="">item 44444</a></div></td>
</tr></table>
<script type="text/javascript">
w3mh=new w3menu_h('w3mh', 'w3mh_box', 1000);

</script>

Ссылки правим под себя.

Материал взят с сайта infoscript.ru
Теги: Скачать Простое горизонтальное выпадающее меню
Скачать "Простое горизонтальное выпадающее меню"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 4693 | Добавил: antisept | Рейтинг: 4.7/3 |
Теги: Простое, Горизонтальное, меню, выпадающее
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]