使用CSS3在HTML5中平滑页面转换，而不使用jquery

Question

我正在为移动设备设计一个网页。我知道jquery很棒，但我不想用它。我希望实现像http://jquerymobile.com/demos/1.0a4.1/这样的平滑页面转换，但不使用jquery。我怎样才能做到这一点？在页面转换之间调用Web服务，因此会有延迟。我希望它尽可能顺利。

Answer 1

面对现实：你将不得不使用JavaScript，如果不使用某些框架或其他框架，它将非常繁琐。要获得平滑的页面转换，您有两个选择：

1）将网站作为单个页面运行。这就是您链接到的网站中使用的内容。整件事没有页面转换;它是一个页面，其中包含一些点击事件，用于动画内容并使用AJAH动态加载。

2）运行多页网站，但使用本地存储。您将拥有少量页面，并缓存它们所需的资源。当页面加载时，JavaScript会立即运行，并在AJAX加载和显示普通内容时绘制一个漂亮的加载屏幕。

就个人而言，我不会太担心页面转换;这就是网站的运作方式。也不要被jQuery推迟，因为当你编写所有这些JavaScript时，你会想要它。即使对于移动网站，图书馆的大小也几乎可以接受（您可以使用CDN缓存副本）。