Latest web development tutorials

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のモバイルリンク(ブラウザがサポートしている場合)。

注:上記のすべての効果が後方動作をサポート。 たとえば、あなたは右、左の代わりに滑り、値を「逆」で使用するデータ方向プロパティに、左から右にページをスライドしたい場合。 デフォルトで[戻る]ボタンで。

<a href="#pagetwo" data-transition="slide" data-direction="reverse" >切换</a>

»をお試しください