jquery - 如何在动画菜单的同时无缝运行超链接？

Question

我正在为客户构建一个网站，其中主页只是图片框。当您单击其中一个框时，它们会动画化并向上移动到菜单栏中，并将您重定向到相应的页面。

我不知道如何有效地做到这一点，而不是让用户在重定向之前查看几乎空白的页面(只有菜单可见)几秒钟。

还有其他更优雅的方法吗？

我这里有一个动画的工作示例:http://bit.ly/1eicvwg

这是我的菜单栏和框图像同时出现在页面上的图片。 JSfiddle 上的菜单项只是占位符，我将在最终版本中使用彩色框。

你有什么想法？

Answer 1

几个选项，每个选项都向用户表明正在发生的事情:

• 显示某种“加载”动画，在单击其中一个菜单框之前该动画会隐藏。
• 通过ajax加载所需页面的内容，并在将显示新内容的区域显示“正在加载”动画。

后者虽然更复杂，但可能看起来更优雅(因为您不会执行整个页面刷新)。