jQuery Page

JavaScript

モバイルに最適なスライドやフリップを実装できる「jQuery Page」

jQuery Pageは、スマホなどモバイルに最適なスライドやフリップを実装することができるjQueryプラグインです。シングルページ内での移動をアプリのようにサクサクとスライド、フリップできるので、たくさんの情報を閲覧しやすいように各ページに配分したいときに役立ちそうですね。

アプリのようにコンテンツを行き来できる

jQuery Page

デモページにアクセスすると、スマホのような画面内に、slide-in-from-right、slide-in-from-bottom、flip-towards-rightといったボタンが設置されています。

slide-in-from-rightは右から左へ、slide-in-from-bottomは下から上へスライドして画面が切り替わります。また、flip-towards-rightでは左から右へフリップさせることができます。

各ボタンをクリックしながら、いろんなページを行き来できるので、アプリのような感覚でコンテンツを閲覧できますね。

  • none
  • slide-in-from-left
  • slide-in-from-right
  • slide-in-from-top
  • slide-in-from-bottom
  • flip-towards-left
  • flip-towards-right

そのほか、insert()、remove()、fetch()などなど、いろいろなAPIを備えています。スライドやフリップでコンテンツを画面ごとに切り替えれる、モバイル的なシングルページを実装したい方は、ぜひ試してみてはいかがでしょうか?

jQuery Page

Accessible Dialogナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」前のページ

超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」次のページRELLAX

関連記事

  1. no-image

    JavaScript

    クッキーバナーを手軽に作れるjQueryプラグイン「Cookie Banner JS」

    Cookie Banner JSは、Webサイト上に表示させるクッキー…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  3. ClassyCountdown

    JavaScript

    スタイリッシュな円形カウントダウンのjQueryプラグイン「ClassyCountdown」

    ClassyCountdownはシンプルでスタイリッシュな円形カウント…

  4. ptrLight

    JavaScript

    モバイル用のリフレッシュインジケーターを実装できる「ptrLight」

    ptrLightはモバイル用のリフレッシュインジケーターを実装すること…

  5. no-image

    JavaScript

    スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

    Mobile-Friendly Tableはスマホなどのモバイルに最適…

  6. BigText

    JavaScript

    テキストを指定した幅にフィットさせるjQueryプラグイン「BigText」

    BigTextは、テキストの行を、指定した幅にフィットさせるために必要…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP