的JavaScript web应用CSS3动画

Question

我一直在寻找一个简单的jQuery动画库为我的移动网络应用程序

基本上，我想有Android的幻灯片一样在“翻转”（Flipboard的）和“幻灯片”（Flipboard的，/out，旧的div缩小和淡出）动画，并准备好了！

被触摸准备意味着，动画可以通过用户的交互，touchstart，touchmove，touchcancel，touchEnd->自动播放，touchEnd->反向...等引发

有很多CSS3动画库的存在，但我找不到像上面提到的任何支持触摸，那么有没有什么会满足要求？

顺便说一句不jQuery的事情或mootools的 感谢

Answer 1

使用jQuery的内置动画，你应该能够做到这一点相当多的复杂的动画。如果你需要更多，我会看看jQuery Mobile。

但只是做一个简单的滑入式输出，将元素置于屏幕外，然后根据需要在屏幕上进行动画显示。

$('.content').css({ 
    position: 'absolute', 
    left: '100%', 
    top: 0, 
    height: $(window).height()', 
    width: $(window).width(), 
} 

将它滑入，动画left属性0：

$('.content').animate({ 
    left: 0 
} 

Answer 2

如果你的交易与移动只有我会用zepto.js其比jQuery的小，并支持

两个触摸事件http://zeptojs.com/#Touch

和CSS转换专有动画http://zeptojs.com/#animate

其相同如jQuery的给予或采取一些方法来保持仄苗条:)

Answer 3

，代表所有的jQuery小子中MooTools的方面，你可以看看MoobileJS - 这是作为一个完整的JS非常坚实框架的移动和它有你要求的