РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
120 of 126 menu

Выпадающее меню

Реализуйте библиотеку для добавления выпадающего меню на сайте.

Основные возможности проекта

  • Библиотека для создания выпадающего меню.
  • Поддержка многоуровневых меню.
  • Анимация открытия/закрытия.
  • Кастомизация через параметры.
  • Публикация на GitHub с документацией.

Функциональность библиотеки

Библиотека должна предоставлять следующие возможности:

  • Создание выпадающего меню из HTML-структуры.
  • Раскрытие подменю при наведении или клике.
  • Автоматическое закрытие при клике вне меню.
  • Поддержка многоуровневых вложенных меню.

Параметры настройки

При инициализации меню можно передавать параметры:

  • trigger - событие для открытия (click, hover).
  • animation - тип анимации (fade, slide).
  • duration - длительность анимации (в миллисекундах).
  • closeOnOutsideClick - закрывать ли меню при клике вне его области.

Использование библиотеки

Пример использования библиотеки:

  • Подключить CSS-файл со стилями меню.
  • Подключить JS-файл с библиотекой.
  • Создать HTML-структуру меню.
  • Инициализировать меню с настройками.

Публикация на GitHub

Библиотека должна быть выложена на GitHub с:

  • README.md с описанием и инструкцией по установке.
  • Демо-страницей с примерами использования.
  • Исходным кодом библиотеки.

Тестирование

Библиотека должна быть протестирована на:

  • Разных браузерах (Chrome, Firefox, Safari, Edge).
  • Разных устройствах (десктоп, планшет, мобильные).
  • Многоуровневых вложенных меню.

Дополнительные возможности

  • Иконки для пунктов меню.
  • Задержка закрытия при наведении.
  • Поддержка кастомных анимаций.
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить