jQueryのモバイル推移
jQueryのモバイルは、あなたが道を開くために、ページを選択することができますCSS3の効果が含まれています。
jQueryのモバイルページ遷移
jQueryのモバイルは、結果の次のページへページスイッチを数多く提供しています。
注:ページ切り替えの効果を達成するために、ブラウザはCSS3 3Dの切り替えをサポートしなければなりません。
12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
最低限のブラウザのバージョン番号を回転する3Dをサポートするために、表中の数字。
ページ遷移効果は、データ遷移属性リンクやフォームのいずれかの使用に適用することができます。
ページ遷移効果は、データ遷移属性リンクやフォーム送信のいずれかの使用に適用することができます。
<a href="#anylink" data-transition="slide">切换到第二个页面</a>
次の表は、ページを切り替えるには、使用可能なプロパティを使用することにより、データ遷移を示しています。
トランジション | 説明 | ページ | ダイアログ |
---|---|---|---|
フェード | デフォルト。 次のページにフェード | 試します | 試します |
フリップ | フリップ前方から次のページへ | 試します | 試します |
流れ | 次のページにこのページをスローします | 試します | 試します |
ポップ | 次のページに進みポップアップのように。 | 試します | 試します |
スライド | 次のページへ右からスワイプします。 | 試します | 試します |
slidefade | スワイプ左右は、次のページにフェードします。 | 試します | 試します |
slideup | 次のページに下から上にスライドさせます。 | 試します | 試します |
slidedown | 底、次のスライドにトップ。 | 試します | 試します |
ターン | 次のページをめくります。 | 試します | 試します |
なし | いいえトランジション効果はありません。 | 試します | 試します |
デフォルトのフェード効果のすべてのjQueryのモバイルリンク(ブラウザがサポートしている場合)。 |
注:上記のすべての効果が後方動作をサポート。 たとえば、あなたは右、左の代わりに滑り、値を「逆」で使用するデータ方向プロパティに、左から右にページをスライドしたい場合。 デフォルトで[戻る]ボタンで。