我一直在为我的移动网络应用寻找一个简单的 jquery 动画库
基本上,我想要“Flip”(翻转板)和“Slide”(翻转板,类似 Android 的滑入/滑出,旧的 div 按比例缩小和淡出)动画,并准备好触摸!
触摸就绪意味着动画可以通过用户的交互触发,touchstart,touchmove,touchcancel,touchEnd->autoplay,touchEnd->reverse ...等
那里有很多 CSS3 动画库,但我找不到任何像我上面提到的那样支持触摸,那么那里有什么可以满足要求吗?
顺便说一句,jquery 或 mootools 无关紧要 谢谢
最佳答案
使用 jQuery 的内置动画,您应该能够制作相当复杂的动画。如果您需要更多信息,我会查看 jQuery Mobile .
但只是为了做一个简单的滑入滑出,将元素放置在屏幕外,然后在需要时将其动画化到屏幕上。
$('.content').css({
position: 'absolute',
left: '100%',
top: 0,
height: $(window).height()',
width: $(window).width(),
}
要将其滑入,请将 left
属性设置为 0
:
$('.content').animate({
left: 0
}
关于jquery - Javascript webapp CSS3 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16137375/