[jQuery Mobile] さまざまなページ遷移アニメーション
2011-01-31 20:00:21
前回紹介したページ遷移のアニメーションでは、画面が左にスライドするアニメーションが展開されました。このアニメーションの種類は、簡単に変更することができます。
次のように、リンク時に「data-transition」属性を付加して、指定します。
[xml]
<a href="#page2" data-transition="slideup">スライドアップ(slideup)</a>
[/xml]
その他、次のような種類があります。
- slide(スライド)
- slideup(スライドアップ)
- slidedown(スライドダウン)
- pop(ポップ)
- fade(フェード)
- flip(フリップ)
それぞれの動きはサンプルをご覧ください。
※このエントリは ブロガーにより投稿されたものです。朝日インタラクティブ および ZDNet Japan編集部の見解・意向を示すものではありません。
- H2O Space. Blog 最新エントリ
folllow builer on
twitter
- 新着記事
- 特集
- ブログ
- 企画特集
-
ウルトラ帳票文化を乗り越える!
-
隗より始めよ
-
攻めと守りのクラウド活用とは!?
-
下した決断は「ハイブリッドへ」
-
Why ワークプレース?
-
特集:ビジネスを止めるな!
-
どこまで可能?企業を究極の自動化
-
DX成功の鍵はセキュリティにあり
-
ITシステムは永久のβ版思考で
-
働き方改革は身近な「改善」から
-
講演レポ:ポスト2020時代の基盤
-
クラウドバックアップお悩み相談室
-
特集:ポスト2020時代のCX再考
-
明治創業の鉄道企業がAWSに挑戦
-
2020年代を勝ち抜くインフラ
-
ビジネスの大きな転換点で勝者に!
-
データ活用を加速するエコシステム
-
ビジネス成功の砦はここにあり!
-
「脱レガシー」なくしてDXはない
-
働き方改革にモニターが有効なワケ
-
AI活用が激変する新たなインフラ
-
意識してますか?PCの「信頼性」
-
働き方、生産性を根底から底上げ!
-
変化への対応はリアルタイム経営で
-
サブスクモデルのSaaSで業務改善
-
分析されたデータを活用できるか?
-
レガシーなインフラ設計を見直す
-
RPAがニガテなExcelをどう使う