Html 是否有javascript库可以处理整个页面幻灯片？

当我们构建html5 web应用程序或ios混合应用程序时，我们需要在ios应用程序中实现视图转换这样的效果

例如：

过去我使用jquerymobile或senchatouch来处理它

但是，你知道，jquerymobile依赖于许多库或css（比如：jquery、jquerymobile.css等），sencha touch太重了

我只想找到一个简单的javascript库，它可以帮助我处理这个问题

我也希望这个图书馆是纯粹的，易于使用

---

有javascript库可以处理这个问题吗？：-）

类似这样的库吗

---

jQuery通常应该是最佳选择，因为它可以确保跨浏览器和跨平台工作。

您可能想看看，特别是因为它也适用于iOS，因为它可以检测滑动并显示对幻灯片的支持

这里还提供了一些关于堆栈溢出的好的解决方案，关于这个问题：您可能想看看这里的答案，接受的解决方案会对整个页面进行滑动

[编辑]根据您的技能，您可以尝试为幻灯片制作自己的普通（纯）javascript函数。这就是我最终使用html5的translate3d css属性所做的

例如，下面是我用来生成css代码的函数：

//generates transformation styles for Opera, Chrome, Firefox and IE
function genTransform (x, y, z, dur) {
    var genStyle = '-webkit-transform: translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px); -webkit-transition: ' + dur + 'ms;' + 
                '-moz-transform: translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px); -moz-transition: ' + dur + 'ms;' + 
                '-ms-transform: translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px); -ms-transition: ' + dur + 'ms;' + 
                '-o-transform: translate(' + x + 'px, ' + y + 'px); -o-transition: ' + dur + 'ms;' +
                'transform: translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px); transition: ' + dur + 'ms;';

    return genStyle;
}

然后，我将该样式应用于我的div，让它们根据我的需要滑动。如果你只在一定数量的页面之间滑动，这其实很简单，也许这可以帮助你：

---

该解决方案非常轻量级，由一点AJAX、一些CSS转换和CSS转换事件提供支持。还需要注意的是，这只适用于WebKit。（本例适用于针对Android和iOS的PhoneGap移动应用程序，因此它只需要WebKit兼容性。）

Emm…此演示在一个页面中显示幻灯片。但我希望，当我使用元素链接到另一个页面时，页面转换效果可以是幻灯片。只需一整页幻灯片即可。：-）