Listt

JavaScript

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

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

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

デモ

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

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

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

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

Listt

no-imageSVGによるドーナッツ状(円形)のチャートを実装できる「donutty」前のページ

マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」次のページno-image

関連記事

  1. Erge Drop Down Menu Control
  2. WEB TICKER

    JavaScript

    テキストや画像を無限にスクロールさせれるティッカー実装「WEB TICKER」

    WEB TICKERは、テキストや画像、リストなどさまざまなコンテンツ…

  3. Liquid Slider

    JavaScript

    タブパネル式のレスポンシブなjQueryスライダー「Liquid Slider」

    ちょっと珍しそうなスライダーを見つけたのでご紹介します。タブパネルにも…

  4. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで今まで紹介したjQueryプラグイン25選のまとめ 2011/09 – 201…

    2011年9月〜2012年3月までに当ブログで紹介したjQueryプラ…

  5. Drift

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

  6. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

最近の記事

  1. 有栖川公園
  2. グーディオ オーガニックチョコレート(ミント)
  3. チキンバターマサラとシュリンプバターマサラ
  4. 恵比寿のダ・ミケーレのピザ
  5. ハムエッグホットサンドとドリップコーヒー

アーカイブ

PAGE TOP