2012-06-19 153 views
3

我有以下問題:ASP.NET Web應用程序中的菜單

我必須使用兩行菜單製作ASP.NET Web應用程序。它應該看起來像:

http://jsfiddle.net/J7uSY/1/

每個頂部菜單項目應具有應顯示的行中單擊頂部菜單項下面後,多個子菜單項。

我試圖用只有一個.NET菜單控件來做到這一點,但我無法找到一種靜態樣式菜單與兩行的方式。

我的第二個想法是使用多個.NET菜單控件,並通過單擊後隱藏/顯示它們的代碼隱藏。不幸的是,這不會對搜索引擎優化,因爲機器人無法找到整個菜單結構了...

我現在的問題是:什麼是最聰明的方式來做到這一點?你能給我一些關於這個問題的建議或解決方案嗎?

回答

1

沒有必要使用asp.net控件來做到這一點。用javascript的CSS是要走的路,即http://www.devinrolsen.com/pure-css-horizontal-menu/

+0

但是,當鼠標懸停在頂部菜單項上時,會顯示這些子菜單項。如何在上面運行,在頂部菜單項點擊之後,必須顯示/隱藏子菜單項。我認爲沒有辦法顯示/隱藏項目只有通過CSS ... – colosso

+0

不僅由CSS。爲了使它發生,你需要寫一個litle jQuery – harry180

+0

是的,我也想過。但如果菜單位於sitemaster中,可能會變得複雜。 – colosso

0

如果你想快速的方式來實現這個看看沒有進一步和去Superfish Menu。我搜索了很多,找到了這個,並最終找到了一些可以與任何菜單結構一起使用的東西。 Superfish Menu是一個jQuery插件,因此您需要在頁面中包含對jQuery的引用。