2012-06-19 70 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的引用。