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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives