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

関連記事

  1. Slyder

    JavaScript

    レスポンシブ対応のスライダーナビゲーションを実装できる「Slyder」

    Slyderはレスポンシブに対応したスライダーナビゲーションを実装でき…

  2. ScalableLightbox

    JavaScript

    ミニマルでレスポンシブに対応したLightbox風のjQueryプラグイン「ScalableLigh…

    ScalableLightboxはミニマルなデザインでレスポンシブに対…

  3. no-image

    JavaScript

    3Dキューブによる画像ギャラリー「3D Cube Image Gallery」

    3D Cube Image Galleryは、3Dキューブによるオシャ…

  4. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  5. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP