6

4 つの状態を定期的に切り替える HTML 正方形の「ライブ タイル」をコーディングする必要があります。基本的に私が必要としているのは、このプラグインがhttp://www.drewgreenwell.com/projects/metrojsを行うことですが、2つだけでなく4つの状態の間です.htmlでライブタイル管理を可能にする決定的なAPI/プラグインはありますか? /jquery サイト? 私は Windows 8 アプリを構築しているのではなく、Html でライブ タイルの反転をシミュレートしようとしているだけで、すべての主要なブラウザーで動作することを願っています。ありがとう。

4

5 に答える 5

4

Html でライブ タイルの反転をシミュレートしようとしているところです。うまくいけば、すべての主要なブラウザーで動作します。

これが必要だと思います。フリップ!http://lab.smashup.it/flip/

于 2012-08-02T17:21:14.683 に答える
1

CSS3/HTML5 トランジションでフリップを行う方法については、この記事 (以下) を読むことを検討してください。Javascript ではありません (したがって API はありません) が、私の経験では、トランジション効果の滑らかさはもう少し信頼できるようです。

CSS を使用したアニメーション要素の壁

于 2012-08-02T17:47:04.120 に答える
0

これはかなり簡単なはずです。具体的には:

  • N タイル サイズのコンテンツで DIV を作成する
  • クリップ/親divを1タイルサイズにサイズ変更
  • オーバーフローが隠されていることを確認してください。
  • CSS を使用して、以前のコンテンツと新しいコンテンツに翻訳を適用する

その後、すべてがうまくいくはずです。

于 2012-08-02T17:38:01.967 に答える
-2

jQuery または jQuery UI を使用して、この効果を得ることができます。jQuery には.animate().show()、 、.hide()およびその他の役立つメソッドがあります。

于 2012-08-02T17:02:45.390 に答える