jquery - Javascript webapp CSS3 动画

Question

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

基本上，我想要“Flip”(翻转板)和“Slide”(翻转板，类似 Android 的滑入/滑出，旧的 div 按比例缩小和淡出)动画，并准备好触摸!

触摸就绪意味着动画可以通过用户的交互触发，touchstart，touchmove，touchcancel，touchEnd->autoplay，touchEnd->reverse ...等

那里有很多 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
}