navigation - 如何使这个 Photoshop 功能区导航工作并做出响应？

Question

我发现了一个非常棒的功能区导航，我想使用它，但它只是一个 Photoshop 文件，没有代码或任何东西。起初我想，我能想出一些办法，但现在我认为这可能远远超出我的技能水平。我正在设计网站以使用 Foundation 进行响应。如果有人对如何制作这项工作甚至类似的工作有任何想法，那就太棒了。我打算把整个东西（在我定制它之后）作为一个图像放入并采取廉价的方式并做一个图像映射，但那是行不通的。我希望当您将鼠标悬停在父级上时小标签实际上会下降（幸运的是，我需要的导航中只有一个下拉菜单）并且功能区会像那样升起（简单的悬停图像？）。无论如何，如果简短的回答是“你疯了，试试别的” 那完全没问题。我宁愿它响应和工作，也不愿被操纵。

http://www.designkindle.com/2010/10/28/elegant-ribbon-menu/

Answer 1

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