Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
ASP.NET创建类似windows.com的导航菜单样式_Asp.net_Html_Css - Fatal编程技术网

ASP.NET创建类似windows.com的导航菜单样式

ASP.NET创建类似windows.com的导航菜单样式,asp.net,html,css,Asp.net,Html,Css,刚刚注意到windows.com上导航菜单的样式正是我网站所需要的。我想知道如何创建这种具有多列的下拉列表。当鼠标悬停在每个项目上时,该列将显示该项目的预览。多谢各位 菜单实际上是一个DIV,当您将鼠标悬停在菜单项上时,它会显示在其他内容的顶部。当您将鼠标移到菜单中的项目上时,它会调用一些javascript来更改显示在右侧的图像。在web浏览器中查看源代码并查找产品菜单。如果您有Firefox和Firebug或web developer插件,您应该能够查看处理图像更改的javascript。哇

刚刚注意到windows.com上导航菜单的样式正是我网站所需要的。我想知道如何创建这种具有多列的下拉列表。当鼠标悬停在每个项目上时,该列将显示该项目的预览。多谢各位

菜单实际上是一个DIV,当您将鼠标悬停在菜单项上时,它会显示在其他内容的顶部。当您将鼠标移到菜单中的项目上时,它会调用一些javascript来更改显示在右侧的图像。在web浏览器中查看源代码并查找产品菜单。如果您有Firefox和Firebug或web developer插件,您应该能够查看处理图像更改的javascript。

哇。他们什么时候做的

微软已经使用了一个本地AJAX库来实现这一点。不确定这是ASP.NETAjax库还是他们专门构建的内部库

Tvanfosson很好地总结了其中的大部分内容。顶部菜单是一个
标记,每个子
  • 元素包含一个嵌套的
    标记。该标记将用于标识鼠标悬停在其上的顶级菜单项

    在源代码中进行搜索,您将发现:

    <!-- BEGIN: Products Menu -->
    
    
    
    这是你追求的效果的最好例子。如前所述,它是一个包含另一个无序列表的项目。其中的每个listitem都包含一个链接,其mouseover事件会更改单独列表中显示的图像和文本。如果搜索,您可以看到该区域

    <div id="PageWrapper" class="HomePage">
    
    
    
    以下是一些好的资源:


      • 微软的菜单系统似乎不值得我模仿。。。看看它在FireFox中是如何呈现的(或者实际上是如何不呈现的)

        在Chrome或Safari上,microsoft.com菜单也不起作用,但我怀疑微软是否在乎。

        你是说它在Silverlight的东西后面是什么样子的?是的,而且它还会间歇性地丢失我使用FF 3.0.4时的菜单选项(主页、产品、购买…)。