Выпадающее меню. ч.3 JavaScript
Анимированное меню у нас готово, осталось дело за малым – сделать его выпадающим.
Я задержался немного с продолжением. Были причины.
Ну так вот. Для сокрытия и последующего отображения подменю в нашей менюшке мы воспользуемся готовым забугорным JavaScript.
Не вдаваясь в детали, которые впрочем мне самому до конца не ясны, выложу код скрипта полностью, как есть. Добавлю только комментарий, чтобы было понятно, как чего можно подредактировать.
Выпадающее меню. ч.2 HTML
Меню сайта. Как его сделать.
Многие считают, что анимированное меню для сайта – это очень сложно, трудно и непостижимо.
Продолжаю опровергать это, потому что на самом-то деле хорошая менюшка для сайта – это час делов, включая подбор изображений, если они будут использоваться.
Как известно, подавляющее большинство менюшек – это списки, которые в HTML выглядят так:
- Элемент меню 1
- Элемент меню 2
- Элемент меню 3
Выпадающее меню для сайта. ч. 1. CSS
Приступим к изготовленю необычного выпадающего меню для сайта.
В этой, первой части я расскажу, как с помощью простого CSS сделать анимацию кпопки. Ещё раз: Только стилями, без JS, без новомодного CSS3!
Получается волшебно.
Вот кнопка в обычном положении:
А вот в «нажатом» положении: