jQuery Mobile リファレンス

Tweet

ページ遷移時のアニメーションエフェクトを設定できるdata-transition属性は属性の一覧です。

• none
  a要素にdata-transition=”none”を指定するアニメーションせずにページ遷移を行います。
• slidedown
  a要素にdata-transition=”slidedown”を指定するスライドダウンアニメーション(次ページが上からスライドインして表示)でページ遷移を行います。
• slideup
  a要素にdata-transition=”slideup”を指定するスライドアップアニメーション(次ページが下からスライドインして表示)でページ遷移を行います。
• slide
  a要素にdata-transition=”slide”を指定するスライドアニメーション(ページがスライドアウトして次ページがスライドインして表示)でページ遷移を行います。
• slidefade
  a要素にdata-transition=”slidefade”を指定するスライドフェードアニメーション(ページがスライドて次ページがフェードインして表示)でページ遷移を行います。
• flow
  a要素にdata-transition=”flow”を指定するフローアニメーション(ページが縮小して次ページがスライドして表示)でページ遷移を行います。
• turn
  a要素にdata-transition="turn"を指定するとターンアニメーション(ページが左側から回転して次ページが表示)でページ遷移を行います。
• flip
  a要素にdata-transition="flip"を指定するとフリップアニメーション(ページが回転して次ページが表示)でページ遷移を行います。
• pop
  a要素にdata-transition="pop"を指定するとポップアニメーション(次ページが中心から拡大されて表示)でページ遷移を行います。
• fade
  a要素にdata-transition="fade"を指定するとフェードイン フェードアウトのアニメーションでページ遷移を行います。