リストをiOSのようにアニメーションできるjQueryプラグイン「Listt」

Listt

ListtはリストをiOSのセレクトボックスのようにアニメーションさせることができるjQueryプラグインです。ボタンでの操作ができるほか、キーボードの矢印キーにも対応しています。リストをお洒落に縦型アニメーションさせたい人は要チェックです。

上下左右の矢印キーにも対応

デモ

デモではiOSのセレクトボックスのような数字のリストの横に画像付きのコンテンツが表示されています。下にある「PREV」と「NEXT」からリストを垂直にスクロールできるほか、矢印キーからでもスクロールしていくことが可能です。数字のスクロールとともに画像も切り替わる仕組みになっています。

数字のリストがあることで、現在表示されているコンテンツの位置がどの辺か把握できるのでとても便利ですね。

アニメーションや操作がシンプルでとても使いやすいスクローラーです。ちなみに矢印キーは上下だけでなく左右にも対応しています。

マークアップもシンプルでスッキリ記述できるのがグッドです。

Listt

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives