ASP.NET創建類似windows.com的導航菜單樣式

Question

只要注意到windows.com上的導航菜單樣式就是我需要的網站樣式。我想知道如何創建具有多列的那種下拉列表。當鼠標懸停在每個項目上時，列會給出該項目的預覽。謝謝。

Answer 1

當您將鼠標懸停在菜單項上時，該菜單實際上是一個在其他內容頂部顯示的DIV。當您將鼠標懸停在菜單中的項目時，它會調用一些JavaScript來更改顯示在右側的圖像。在您的網絡瀏覽器中查看源代碼並查找產品菜單。如果您使用Firefox或Firebug或Web開發人員插件，則應該可以查看處理圖像更改的JavaScript。

Answer 2

哇。他們什麼時候做的？

微軟已經使用了一個本地的AJAX庫來做到這一點。不知道這是ASP.Net AJAX庫還是內部專用的內部網站。

Tvanfosson總結得很好。頂部菜單是<ul>標籤，每個子標籤<li>包含一個嵌套的<span>標籤。該標記將用於標識鼠標懸停的頂級菜單項。

不要在源代碼搜索，你會發現：

<!-- BEGIN: Products Menu --> 

這是你後的效果最好的例子。如前所述，這是一個包含另一個無序列表的項目。其中的每個listitem都包含一個鏈接，該鏈接的mouseover事件會更改單獨顯示的圖像和文本。你可以看到，區域，如果你搜索

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

一些好的資源，開始將是：

• ASP.Net AJAX Samples
• jQuery Library
• Multi-level CSS Menu

Answer 3

微軟的菜單系統似乎不像一個值得仿效的菜單系統......看在FireFox中如何渲染（或者真的如何渲染）。

Answer 4

microsoft.com菜單在Chrome或Safari上不起作用，但我懷疑Microsoft是否在意。