Рейтинг@Mail.ru

Открытый вопрос

Оценить: 1 2 3 4 Средний рейтинг: 0.00 / 0 Проголосовавших

click

lola2110

+
-

При написании сайта все средства хороши, главное знать, как ими правильно пользоваться и применять тогда, когда это действительно необходимо. Поэтому сегодня мы поговорим о возможности создания выпадающего меню.

Для начала несколько слов о том, зачем оно необходимо. Итак, выпадающее меню служит в качестве разбора иерархии всех разделов, содержащихся в меню. Зачастую в меню перечисляют все подразделы, которые относятся к определенной секции, при наведении курсора мышки на него. Выпадающее меню очень удобно, ведь благодаря ему можно просмотреть содержания всех секций, а также перейти на любую заинтересовавшую страничку из какого угодно места. Это все что касается назначения выпадающего меня и его удобства. Теперь уже поговорим о том, как же его создать. Зачастую создание производится посредствам очень большой разметки и непосредственно Javascript. Самая простенькая структура способна вместить около 19 строк, которые будут написаны на HTML и в последствии всего будет добавлено небольшое вкрапление CSS3. Итак, поехали. Что же собой представляет разметка в данном случае? Это ничто иное, как серия вложенных списков <ul>. Не нужно применять никакие классы и элементы, только лишь списки. Далее во все пункты, которые должны содержать новые подпункты, добавляем совсем другой элемент <ul>.

6

Стоит отметить, что данный элемент вовсе не имеет класса. Мы за то, чтобы использовать каскадные стили, так код получается более понятным и чистым. После всего проделанного, подключаем CSS. Он нам понадобиться для трансформирования элементов <ul>. Потом уже добавляем вложенные и списки и получаем неплохое выпадающее меню.

Ответил lola2110 1 месяц назад Пожаловаться

Добавить комментарий

Оценить: 1 2 3 4 Средний рейтинг: 0.00 / 0 Проголосовавших


Данную страницу никто не комментировал. Вы можете стать первым.

Ваше имя:

Комментарий:
Введите символы: *
captcha
Обновить

Нашли ответ на свой вопрос?
Помогите и другим пользователям: