网页滑动切换特效:采用AJAX刷新和CSS切换

我做了一个关于网页滑动切换的小例子。这个确实很简单，只要你会使用jQuery、jQuery Mobile、zepto或者其他一些框架，然后他们会给你处理好这个。我不想这么做，我想挑战一下不使用任何框架就可以实现这个效果。HTML代码是越简单越好。

我谷歌搜索了下相关的资料，没有找到什么好的解决办法，所以我打算自己写。

我想出的解决办法其实很简单，采用AJAX刷新、CSS切换。这里还需要注意的是，只有在WebKit浏览器上能看到效果。(我个人用PhoneGap做了一个测试应用，可以在Android和IOS系统上运行，所以我只需要WebKit的兼容性。)

首先，我们来看看对body标签的css样式，我让它有动画效果：