ListtはリストをiOSのセレクトボックスのようにアニメーションさせることができるjQueryプラグインです。ボタンでの操作ができるほか、キーボードの矢印キーにも対応しています。リストをお洒落に縦型アニメーションさせたい人は要チェックです。
上下左右の矢印キーにも対応
Listtの実際のデモ動作は以下のページからチェックできます。
デモではiOSのセレクトボックスのような数字のリストの横に画像付きのコンテンツが表示されています。下にある「PREV」と「NEXT」からリストを垂直にスクロールできるほか、矢印キーからでもスクロールしていくことが可能です。数字のスクロールとともに画像も切り替わる仕組みになっています。
数字のリストがあることで、現在表示されているコンテンツの位置がどの辺か把握できるのでとても便利ですね。
アニメーションや操作がシンプルでとても使いやすいスクローラーです。ちなみに矢印キーは上下だけでなく左右にも対応しています。
マークアップもシンプルでスッキリ記述できるのがグッドです。
というわけで、リストをiOSのセレクトボックスのようにアニメーションさせられるjQueryプラグイン「Listt」の紹介でした。Listtの詳細やダウンロードは、以下のページからどうぞ。
