Horizontal Timeline

JavaScript

水平方向のタイムラインを実装できる「Horizontal Timeline」

Horizontal Timelineは水平方向に移動可能なタイムラインを実装できます。CSSとjQueryが使われているとのこと。会社の沿革などを縦スクロールなしで見せたいときによさそうですね。

Horizontal Timeline

デモ

表示されているドット部分をクリックすると、そこに対応したコンテンツが表示されるようになっています。また、左右矢印でスライドさせることも可能です。

縦スクロールをする必要がないので、手間もかからずシンプルに見ることができますね。

アニメーションも違和感なく動作もサクサクなので、とても快適な操作感だと思います。

Horizontal Timeline

関連記事

  1. jQuery Equal Height

    JavaScript

    異なる要素の高さを揃えてくれる「jQuery Equal Height」

    jQuery Equal Heightは、異なる要素の高さをキレイに揃…

  2. swipe-menu-js

    JavaScript

    横からスライド・スワイプ表示するハンバーガーメニュー実装「swipe-menu-js」

    swipe-menu-jsは横からスライド・スワイプ表示するシンプルな…

  3. DateTime Picker

    JavaScript

    レスポンシブでフラットデザインの「DateTime Picker」

    DateTime Pickerはレスポンシブ対応のフラットデザインによ…

  4. flexImages

    JavaScript

    軽量でFlickrやGoogle画像検索のようなギャラリーのjQueryプラグイン「flexImag…

    flexImagesというjQueryプラグインを使えば、軽量でレスポ…

  5. Jquery Tab Plugin

    JavaScript

    シンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」

    Jquery Tab Pluginはシンプルで見やすく、そして操作しや…

  6. jquery-time-slider

    JavaScript

    時間と日付を選択できる「jquery-time-slider」

    jquery-time-sliderは時間と日付を選択できるjQuer…

最近の記事

  1. KPS-88
  2. Happy Plugs AIR1
  3. cheero Stream 10000mAh
  4. BOSE HOME SPEAKER 300
  5. RP-PC112

アーカイブ

PAGE TOP