Пятница, 17.05.2024, 15:11
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Июнь » 30 » меню, с 4х уровневым подменю на jQuery
    20:10
    меню, с 4х уровневым подменю на jQuery
    Решил поделиться меню:

    В обычном состоянии:

    В развернутом состоянии:

    Как сделать:

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

    2. Вставляем данный код в head

    Code
    <link rel="stylesheet" type="text/css" href="ST1M.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script src="ST1M.js" type="text/javascript"></script>
    <script type="text/javascript">
    //build menu with DIV ID="myslidemenu" on page:
    droplinemenu.buildmenu("mydroplinemenu")
    </script>

    2. Вставляем этот код туда, где хотите видеть меню

    Code
    <div id="mydroplinemenu" class="ST1M">
    <ul>
    <li><a href="Ссылка">Название</a></li>
    <li><a href="Ссылка">Название</a>
      <ul>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a>
      <ul>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      </ul>
      </li>
      <li><a href="Ссылка">Название</a></li>
      </ul>
    </li>
    <li><a href="Ссылка">Название</a></li>
    <li><a href="Ссылка">Название</a>
      <ul>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a>
      <ul>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a>
      <ul>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      <li><a href="Ссылка">Название</a></li>
      </ul>
      </li>
      </ul>
      </li>
      <li><a href="Ссылка">Название</a></li>
      </ul>
    </li>
    <li><a href="Ссылка">Название</a></li>
    </ul>
    </div>

    Ну вот вроде бы и все

    Категория: скрипты для ucoz сайта | Просмотров: 986 | Добавил: alexpetuhow | Рейтинг: 0.0/0
    Всего комментариев: 4
    2 alexpetuhow  
    -1
    такого меню не было точно, так как оно написано мной angry angry

    1 ucozник  
    4
    Было!
    Я жалуюсь!

    3 global-team  
    -1
    ссылка и проблем нет happy

    4 Antonc81  
    0
    какая нах ссылка,если он говорит ,что его меню????че,он должен обязательно публиковать этот материал на своём или каком то другом сайте??))
    че тупишьто??))))))) biggrin

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]