html - 在不使用 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 缓存的副本）。