0

モバイル Web アプリケーション用の単純な jquery アニメーション ライブラリを探しています。

基本的に、「フリップ」(フリップボード) と「スライド」(フリップボード、Android のようなスライド イン/アウト、古い div のスケール ダウンとフェード アウト) アニメーションが必要で、タッチ対応です!

タッチ対応であるということは、ユーザーの操作、touchstart、touchmove、touchcancel、touchEnd->autoplay、touchEnd->reverse...などによってアニメーションをトリガーできることを意味します。

そこにはたくさんの CSS3 アニメーション ライブラリがありますが、上記のようなタッチをサポートするものが見つかりません。要件を満たすものはありますか?

ところで、jquery や mootools は関係ありません。

4

3 に答える 3

0

jQuery の組み込みアニメーションを使用すると、かなり洗練されたアニメーションを実行できるはずです。さらに必要な場合は、jQuery Mobileを参照してください。

ただし、単純なスライド イン アウトを行うには、要素を画面外に配置し、必要に応じて画面にアニメーションを挿入します。

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

スライドさせて、leftプロパティを0次のようにアニメーション化します。

$('.content').animate({
  left: 0
}
于 2013-04-21T23:49:34.630 に答える
0

モバイルのみを扱う場合はzepto.js、jQuery よりも小さいものを使用してサポートします

両方のタッチ イベントhttp://zeptojs.com/#Touch

CSS変換プロパティを使用したアニメーションhttp://zeptojs.com/#animate

jQueryと同じで、zepto をスリムに保つためにいくつかのメソッドを提供または取得します :)

于 2013-04-22T03:25:32.870 に答える