jquery - Javascript webapp CSS3 动画

Question

我一直在为我的移动 webapp 寻找一个简单的 jquery 动画库

基本上，我想要“Flip”（翻转板）和“Slide”（翻转板，Android 类似滑入/滑出，旧 div 缩小和淡出）动画并且准备好触摸！

准备好触摸意味着动画可以通过用户交互触发，touchstart, touchmove, touchcancel, touchEnd->autoplay, touchEnd->reverse...等

那里有很多 CSS3 动画库，但我找不到像上面提到的那样支持触摸的东西，那么有什么东西可以满足要求吗？

顺便说一句，jquery 或 mootools 无关紧要，谢谢

score 0 · Accepted Answer

并且代表所有 jquery 小子中的 mootools 方面，你可以看看MoobileJS - 它作为一个完整的移动 js 框架非常可靠，它有你所要求的

score 0 · Accepted Answer

使用 jQuery 的内置动画，您应该可以制作相当复杂的动画。如果您需要更多，我会看看jQuery Mobile。

但只是做一个简单的滑入滑出，将元素放置在屏幕外，然后在需要时在屏幕上设置动画。

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

将其滑入，将left属性设置为0：

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

score 0 · Accepted Answer

如果您只处理移动设备，我会使用zepto.js它比 jQuery 更小并支持

和带有 CSS 变换属性的动画http://zeptojs.com/#animate

它与 jQuery相同，提供或采取一些方法来保持 zepto 苗条 :)

3 回答 3