在不使用 jquery 的情况下，使用 CSS3 在 HTML5 中平滑页面转换

Question

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

Answer 1

面对现实：您将不得不使用 JavaScript，而且如果不使用某些框架或其他框架，这将非常乏味。要获得平滑的页面转换，您有两种选择：

1) 将站点作为单个页面运行。这就是您链接到的站点中使用的内容。整个过程没有页面转换；这是一个带有一些点击事件的页面，用于为内容设置动画并使用 AJAH 动态加载。

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

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