Jquery Javascript webapp CSS3动画

Jquery Javascript webapp CSS3动画,jquery,css,web-applications,animation,mootools,Jquery,Css,Web Applications,Animation,Mootools,我一直在为我的移动webapp搜索一个简单的jquery动画库 基本上,我想要的是“翻转”(flipboard)和“滑动”(flipboard,类似Android的滑入/滑出,老div缩小和淡出)动画,并且可以触摸 触控就绪意味着动画可以通过用户交互触发,如触控启动、触控移动、触控取消、触控结束->自动播放、触控结束->反转等 那里有很多CSS3动画库,但是我找不到像我上面提到的那样的支持,所以有什么东西可以满足要求吗 顺便说一句,jquery或mootools并不重要 感谢使用jQuery的内

我一直在为我的移动webapp搜索一个简单的jquery动画库

基本上,我想要的是“翻转”(flipboard)和“滑动”(flipboard,类似Android的滑入/滑出,老div缩小和淡出)动画,并且可以触摸

触控就绪意味着动画可以通过用户交互触发,如触控启动、触控移动、触控取消、触控结束->自动播放、触控结束->反转等

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

顺便说一句,jquery或mootools并不重要
感谢使用jQuery的内置动画,您应该能够制作相当复杂的动画。如果你需要更多,我会看看

但只要做一个简单的滑入滑出,将元素定位在屏幕外,然后根据需要在屏幕上设置动画

$('.content').css({
  position: 'absolute',
  left: '100%',
  top: 0,
  height: $(window).height()',
  width: $(window).width(),
}
要将其滑入,请将
left
属性设置为
0

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

如果您只使用移动设备,我会使用
zepto.js
它比jQuery小,并且支持

两者都是接触事件

和具有CSS变换属性的动画


这与jQuery提供或采取一些方法来保持zepto苗条是一样的:)

并且代表了所有jQuery小子中mootools的一面——它作为一个完整的移动js框架是非常可靠的,并且它有你所要求的

哇,不需要所有的邮件,我也喜欢mootools:)谢谢你的移动提示