- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Эффект выпадающего меню
Ноябрь 15, 2010
Это скрипт меню на jQuery для создания эффекта выпадающего меню.
JavaScript
Чтобы скрипт работал, в файле index-#.html должны быть эти строки HTML-кода:
В файле dropdown.js находятся эти линии кода, для инициализации функциональности скрипта:
Для создания меню мы используем упорядоченный список (тэг<ul>), а внутри элементов списка (тэг <li>) вставляем еще один упорядоченный список для представления выпадающего меню.
HTML
Вот так выглядит HTML скрипт:
CSS
В главном файле style.css находится скрипт для стилей. Отредактируйте следующие стили:
В исходном положение нужно скрыть выпадающее меню. Остальные стили отличаются в зависимости от шаблона.