Horizontal Timeline

JavaScript

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

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

Horizontal Timeline

デモ

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

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

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

Horizontal Timeline

関連記事

  1. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  2. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  3. no-image
  4. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  5. no-image

    JavaScript

    あらかじめ設定したリストなどから複数タグを選択できる「Tokenize2」

    Tokenize2は、あらかじめ設定したリストやAjaxから複数のタグ…

最近の記事

  1. NIB2600
  2. Anker PowerPort Atom PD 4
  3. USB-2H401BKN
  4. Dyson Pure Cool Me

アーカイブ

PAGE TOP