桌面,如 HTML 中的过渡效果



我想在我的HTML Web应用程序中创建导航幻灯片动画效果。我只是想知道是否有可能。

场景为:第 1 页 = 联系人列表,第 2 页 = 联系人详细信息。

当用户在列表中选择联系人并单击详细信息时,我希望联系人列表向左滑动,联系人详细信息从右侧滑入(如 iOS 导航应用程序)。

这可能吗?联系人列表和详细信息是两个单独的网页。

任何建议将不胜感激。

谢谢

我的第一个想法是使用Jquery移动转换。该框架非常接近iOS的UI。

http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-transitions.html

但是你必须更清楚你所说的单独网页是什么意思。如果您使用的是动态内容,则可以使用 iframe、锚标记甚至 ajax 调用。

就我个人而言,我真的很喜欢Jquery的移动方法。每个"页面"都包装在带有页面标记的div中,也可以在单个html文档中加载具有不同过渡效果的其他html页面

看看这个例子http://jsfiddle.net/4Bgx7/2648/

相关内容

  • 没有找到相关文章

最新更新