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

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

---

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

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