www.sergey12324.net.ru
Главная | Файлы | Регистрация | Вход
 
Воскресенье, 19.05.2024, 21:29
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Скрипты для ucoz [367]
Шаблоны для ucoz [64]
Видео уроки по ucoz [22]
Иконки для ucoz [28]
Кнопки для ucoz [29]
Мини-чат
500
Наш опрос
Оцените мой сайт



Результаты
Архив опросов
Всего голосовало: 66
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » Файлы » Все для ucoz » Скрипты для ucoz

Раздвижное горизонтальное меню на jQuery для uCoz 1
15.11.2010, 14:56

Установка:

Заливаем всё содержимое архива в корень сайта

На нужной нам странице после

вставляем:

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

<!--[if lte IE 7]>  
<style type="text/css">  
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/  
</style>  
<![endif]-->  

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>  
<script type="text/javascript" src="/jqueryslidemenu.js"></script>

Следующий код вставляем на той же странице в нужное место:

Code
<div id="myslidemenu" class="jqueryslidemenu">  
<ul>  
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>  
<li><a href="#">Item 2</a></li>  
<li><a href="#">Folder 1</a>  
  <ul>  
  <li><a href="#">Sub Item 1.1</a></li>  
  <li><a href="#">Sub Item 1.2</a></li>  
  <li><a href="#">Sub Item 1.3</a></li>  
  <li><a href="#">Sub Item 1.4</a></li>  
  </ul>  
</li>  
<li><a href="#">Item 3</a></li>  
<li><a href="#">Folder 2</a>  
  <ul>  
  <li><a href="#">Sub Item 2.1</a></li>  
  <li><a href="#">Folder 2.1</a>  
  <ul>  
  <li><a href="#">Sub Item 2.1.1</a></li>  
  <li><a href="#">Sub Item 2.1.2</a></li>  
  <li><a href="#">Folder 3.1.1</a>  
  <ul>  
  <li><a href="#">Sub Item 3.1.1.1</a></li>  
  <li><a href="#">Sub Item 3.1.1.2</a></li>  
  <li><a href="#">Sub Item 3.1.1.3</a></li>  
  <li><a href="#">Sub Item 3.1.1.4</a></li>  
  <li><a href="#">Sub Item 3.1.1.5</a></li>  
  </ul>  
  </li>  
  <li><a href="#">Sub Item 2.1.4</a></li>  
  </ul>  
  </li>  
  </ul>  
</li>  
<li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>  
</ul>  
<br style="clear: left" />  
</div>
Категория: Скрипты для ucoz | Добавил: Смерч
Просмотров: 1402 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024