Navigation 如何使photoshop功能区导航正常工作并响应?

Navigation 如何使photoshop功能区导航正常工作并响应?,navigation,zurb-foundation,ribbon,nav,Navigation,Zurb Foundation,Ribbon,Nav,我发现了一个非常棒的功能区导航,我很想使用它,但它只是一个Photoshop文件,没有代码或任何东西。起初我想,我会想出一些办法,但现在我想这可能远远超过我的技能水平。我设计的网站,以响应基金会。如果有人对如何使这项工作或类似的工作有任何想法,那就太棒了。我本来打算把整个东西(在我定制了它之后)作为一个图像放进去,然后用便宜的方法做一个图像映射,但那是行不通的。我希望当您将鼠标悬停在父对象上时,小标记能够真正落下(幸运的是,我需要的导航中只有一个下拉菜单),并且功能区能够像这样升起(简单的悬停图

我发现了一个非常棒的功能区导航,我很想使用它,但它只是一个Photoshop文件,没有代码或任何东西。起初我想,我会想出一些办法,但现在我想这可能远远超过我的技能水平。我设计的网站,以响应基金会。如果有人对如何使这项工作或类似的工作有任何想法,那就太棒了。我本来打算把整个东西(在我定制了它之后)作为一个图像放进去,然后用便宜的方法做一个图像映射,但那是行不通的。我希望当您将鼠标悬停在父对象上时,小标记能够真正落下(幸运的是,我需要的导航中只有一个下拉菜单),并且功能区能够像这样升起(简单的悬停图像?)。不管怎样,如果简短的回答是“你疯了,试试别的”,那就完全可以了。我宁愿它是反应灵敏和工作,而不是被操纵


您应该能够做到这一点,但可能无法使用图像地图。当您将鼠标悬停在功能区的某个部分时,可能需要使用Flash或Silverlight(这本身就是一个项目),您希望动画出现。不过,gif可能有用。然后你可以做一个图像地图。我本人从未尝试过这一点,但您可能有一个项目——我会大量使用Jquery。

0使用Flash/Silverlight的经验,所以这是行不通的。如果我做了一个图像贴图,我就不会有任何动画,我只会让标签一直坐在那里。谢谢你的意见!这就是我所做的。我将整个图像放入一个div。我将div设置为最大宽度:100%,高度:自动。div也设置为5列(使用Foundation)。然后我对它进行了图像映射,并使用我找到的一些代码使图像映射响应到961px。在一个960px的断点处,我将其编码为使用媒体查询切换到下拉列表。。。这是对我所做工作的一个极其简化的分解,但我只是想与大家分享:)