可以使用HTML5或AJAX在单独的页面之间进行动画制作吗?

时间:2013-12-04 18:51:48

标签: ajax html5

我有一个大约10页的网站。在每个页面上,它的布局相同,只是图像更改。导航到新页面时,是否可以(使用HTML或AJAX EG)为图像更改设置动画?

我希望外观尽可能接近普通的jQuery滑块: http://jquery.malsup.com/cycle2/demo/prevnext.php

我没有使用Cycle 2插件,因为我需要每个页面都有一个单独的URL。 Cycle 2插件确实具有可书签的幻灯片,但是他们使用片段标识符用于社交媒体共享小部件有时忽略的每个“页面”。所以mysite.com/#page3作为mysite.com共享,这意味着第一张没有链接到第三张幻灯片。

社交媒体共享小部件还使用来自页面的元数据,该元数据不会因每张幻灯片而改变,因为它仍然是同一页面。

2 个答案:

答案 0 :(得分:0)

您可以使用CSS3页面过渡,保留在一个页面上,只需根据需要操作URL。例如,请参阅:Change the URL in the browser without loading the new page using JavaScript

答案 1 :(得分:0)

使用HTML5过渡可以很好地回答您的问题: HTML 5 page transitions

希望这有帮助!