jQuery Mobile を使用して、このようなことを達成しようとしています (理想的には、追加のプラグインはありません): http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php
pages と "data-rel=dialog" を使用して 1 つの要素だけで機能させることはできますが、複数の項目があると非常に複雑になります。
data-role=page 属性を使用せずに「フリップ」遷移を呼び出す方法があるかどうか疑問に思っていました。つまり、通常の div を反転するだけです。
このようなことは可能ですか？
では、ページの 1 つに、フリップ ウォールの個々のロゴのようにフリップできる要素が必要ですか? あなたは絶対にそれを行うことができます。それら (詳しく見ていないので、ここでは推測) は CSS アニメーションです。ただし、これらはすべてのブラウザーでサポートされているわけではありません (主に webkit ベースのブラウザーですが、モバイル、Mac、熱狂的な PC の主要ユーザーです)。
The Art of Web の次の記事をご覧ください。
http://www.the-art-of-web.com/css/3d-transforms/
そうすることで、あなたがなりたい道を歩むことができるはずです。
フリップ アニメーションを要素に追加するには、flip クラスを要素に追加するだけです。任意の要素に任意の効果を適用できます。その他の効果については、css ファイルを参照してください。
$(element).addClass("flip"); // to flip it
$(element).removeClass("flip"); // after the animation is complete