的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非常堅實框架的移動和它有你要求的