ASP.NET Создать стиль навигационного меню, например windows.com

На самом деле меню представляет собой DIV, который отображается поверх другого содержимого при наведении курсора мыши на пункт меню. Когда вы наводите курсор мыши на элементы в меню, он вызывает некоторый javascript для изменения изображения, отображаемого справа. Просмотрите исходный код в своем веб-браузере и найдите меню продукта. Если у вас есть Firefox с Firebug или плагин для веб-разработчиков, вы должны иметь возможность посмотреть на javascript, который обрабатывает изменение изображения.

Ого. Когда они это сделали?

Для этого Microsoft использовала собственную библиотеку AJAX. Не уверен, что это библиотека ASP.Net AJAX или что-то собственное, что они создали специально.

Тванфоссон довольно хорошо резюмировал большую часть этого. Верхнее меню - это тег <ul>, причем каждый дочерний элемент <li> содержит вложенный тег <span>. Этот тег будет тем, который используется для идентификации пункта меню верхнего уровня, на который наведена указатель мыши.

Поищите в исходном коде:

<!-- BEGIN: Products Menu -->

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

<div id = "PageWrapper" class = "HomePage">

Вот несколько хороших ресурсов для начала:

• Примеры ASP.Net AJAX
• Библиотека jQuery
• Многоуровневое меню CSS

Система меню Microsoft не кажется мне системой меню, достойной подражания ... посмотрите, как она отображается (или действительно, как она не отображается) в FireFox.

Меню microsoft.com также не работает в Chrome или Safari, но я сомневаюсь, что Microsoft это заботит.