#javascript #html #css #ajax
#javascript #HTML #css #ajax
Вопрос:
Я хотел бы спросить, есть ли какой-либо способ разработать выпадающее меню при наведении курсора мыши с использованием CSS и HTML, потому что я видел, как раньше некоторые веб-сайты, такие как Google, например, разрабатывали такие меню, и кажется, что как только вы пройдете через него, вам будет виден скрытый тег.
Пожалуйста, если у кого-нибудь есть идея, предоставьте исходный код этой идеи
Спасибо и с уважением
Ответ №1:
Это относится к меню наведения курсора CSS. Они являются отличной альтернативой использованию JavaScript.
Пример реализации:
.trigger ul.menu
{
display: none;
}
.trigger:hover ul.menu
{
display: block;
}
Пример руководства: http://www.shingokko.com/blog-entry/pure-css-hover-menu.html
В отличие от других ответов, этот метод совместим с несколькими браузерами. При правильной реализации он будет отлично работать в IE6 (исходный код).
Комментарии:
1. Хорошая халтура с таблицами и условными комментариями, это некрасиво, но я, по крайней мере, признаю, что это работает. Вот совет: откажитесь от поддержки IE6, и вам это не понадобится.
2. Я согласен с этим, более элегантно и проще
Ответ №2:
Я не думаю, что смогу объяснить это лучше, чем это: http://www.htmldog.com/articles/suckerfish/dropdowns /
Это то, что известно как «выпадающие списки Son of Suckerfish». Это должно помочь вам двигаться в правильном направлении. Имейте в виду, что выпадающие списки только для CSS не будут работать в IE 6 и старше.
Комментарии:
1. Я не помню, когда IE начал поддерживать: наведите курсор на элементы, не являющиеся привязкой, поэтому я сказал «Я думаю». Похоже на его IE6 и ниже. Обновленный ответ для отражения.
2. 1 за ссылку на хороший учебник о том, как вы должны создавать структуры меню.