Генератор Выпадающего меню


Пример работы:





Внимание: Чтобы сгенерировать код, введите количество основных категорий в меню. (не вводите очень  большое число)

Шаг 1: Добавьте следуя за фрагментом в главную секцию вашей страницы:


Шаг 2: Включите код ниже в <body> секцию вашей страницы, где Вы хотите вниз связь капли(s), чтобы появилась. Если Вы выбрали бы, чтобы генерировать более, чем один вниз меню капли, Вы увидите как каждый код меню был разделен и указан комментариями Как только Вы вставили код ниже на вашу страницу, Вы можете решить где, чтобы устанавливать каждое меню просто перемещая код в каждом прокомментировавшем блоке в желаемую позицию на вашей странице


Шаг 3: Наконец, включите код ниже в конце <body> секции, right above the </body> tag:


Компонуя вниз связи капли: Очевидно, Вы захотите изменить связи в меню на ваше собственное. Для того, чтобы делать так, измените содержание в массиве "selectionx[]" of Шаг 1. Вы можете также захотеть изменять ширину вниз меню капли, в зависимости от содержания. Для того, чтобы изменять эту - ширину, пойдите в код в Шаг 3. Измените ширину припишите каждый <div> от 120 до другой величины пикселя

Примечания: Природа этого сценарий требует, чтобы связь вниз меню капли всегда была оставлена-выровненное в документе. "Ну и что если Я хочу, чтобы связь появлялась в центре страницы?", Вы кричите. Хорошо, вам понадобится использовать немного дешевые методы HTML. Один путь в том, чтобы помещать связи (код Шага 2) в колоночной таблице, которая отцентрирована. Например: