Раздвижное меню

Просмотров: 5098 | Добавил: Mr_Djun | Загрузок: 172

В полностью раскрытом состоянии:

Как сделать такое меню:

1. Скачиваем архив и кидаем папку с файлами в корень сайта

2. Кидаем данный код в head сайта

Code
<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />  
  <script type="text/javascript" src="sdmenu/sdmenu.js"></script>  
  <script type="text/javascript">  
  // <![CDATA[  
  var myMenu;  
  window.onload = function() {  
  myMenu = new SDMenu("my_menu");  
  myMenu.init();  
  };  
  // ]]>  
  </script>

3. Кидаем данный код туда, где хотите видеть это меню

Code
<div style="float: left" id="my_menu" class="sdmenu">  
  <div>  
  <span>Название меню</span>  
  <a href="ваша ссылка">Название ссылки</a>  
  <a href="ваша ссылка">Название ссылки 2</a>  
  <a href="ваша ссылка">Название ссылки 3</a>  
  <a href="ваша ссылка">Название ссылки 4</a>  
  <a href="ваша ссылка">Название ссылки 5</a>  
  <a href="ваша ссылка">Название ссылки 6</a>  
  </div>  
  <div>  
  <span>Название меню</span>  
  <a href="ваша ссылка">Название ссылки</a>  
  <a href="ваша ссылка">Название ссылки 2</a>  
  <a href="ваша ссылка">Название ссылки 3</a>  
  </div>  
  <div class="collapsed">  
  <span>Название меню</span>  
  <a href="ваша ссылка">Название ссылки</a>  
  <a href="ваша ссылка">Название ссылки 2</a>  
  <a href="ваша ссылка">Название ссылки 3</a>  
  <a href="ваша ссылка">Название ссылки 4</a>  
  </div>  
  <div>  
  <span>Название меню</span>  
  <a href="ваша ссылка">Название ссылки</a>  
  <a href="ваша ссылка">Название ссылки 2</a>  
  <a href="ваша ссылка">Название ссылки 3</a>  
  <a href="ваша ссылка">Название ссылки 4</a>  
  </div>  
  </div>
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини-чат
Наш опрос
Что вы любите пить за компом?
Всего ответов: 502
Статистика


фарфор мейсенский
недвижимость в германии
скачать chrome
Онлайн всего: 1
Гостей: 1
Пользователей: 0