ASP.NET创建类似windows.com的导航菜单样式
刚刚注意到windows.com上导航菜单的样式正是我网站所需要的。我想知道如何创建这种具有多列的下拉列表。当鼠标悬停在每个项目上时,该列将显示该项目的预览。多谢各位 菜单实际上是一个DIV,当您将鼠标悬停在菜单项上时,它会显示在其他内容的顶部。当您将鼠标移到菜单中的项目上时,它会调用一些javascript来更改显示在右侧的图像。在web浏览器中查看源代码并查找产品菜单。如果您有Firefox和Firebug或web developer插件,您应该能够查看处理图像更改的javascript。哇。他们什么时候做的 微软已经使用了一个本地AJAX库来实现这一点。不确定这是ASP.NETAjax库还是他们专门构建的内部库 Tvanfosson很好地总结了其中的大部分内容。顶部菜单是一个ASP.NET创建类似windows.com的导航菜单样式,asp.net,html,css,Asp.net,Html,Css,刚刚注意到windows.com上导航菜单的样式正是我网站所需要的。我想知道如何创建这种具有多列的下拉列表。当鼠标悬停在每个项目上时,该列将显示该项目的预览。多谢各位 菜单实际上是一个DIV,当您将鼠标悬停在菜单项上时,它会显示在其他内容的顶部。当您将鼠标移到菜单中的项目上时,它会调用一些javascript来更改显示在右侧的图像。在web浏览器中查看源代码并查找产品菜单。如果您有Firefox和Firebug或web developer插件,您应该能够查看处理图像更改的javascript。哇
标记,每个子
元素包含一个嵌套的
标记。该标记将用于标识鼠标悬停在其上的顶级菜单项
在源代码中进行搜索,您将发现:
<!-- BEGIN: Products Menu -->
这是你追求的效果的最好例子。如前所述,它是一个包含另一个无序列表的项目。其中的每个listitem都包含一个链接,其mouseover事件会更改单独列表中显示的图像和文本。如果搜索,您可以看到该区域
<div id="PageWrapper" class="HomePage">
以下是一些好的资源:
- 微软的菜单系统似乎不值得我模仿。。。看看它在FireFox中是如何呈现的(或者实际上是如何不呈现的) 在Chrome或Safari上,microsoft.com菜单也不起作用,但我怀疑微软是否在乎。你是说它在Silverlight的东西后面是什么样子的?是的,而且它还会间歇性地丢失我使用FF 3.0.4时的菜单选项(主页、产品、购买…)。