Horizontal Timeline

JavaScript

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

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

Horizontal Timeline

デモ

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

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

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

Horizontal Timeline

Maximum Characters limit exceeded warning最大文字数の制限を超えたときに警告を表示してくれる「Maximum Characters limit exceeded warning」前のページ

タイピングアニメーションを実装できる「TypeIt」次のページTypeIt

関連記事

  1. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」

    Lazyestload.jsは画像の遅延読み込み機能を実装できる軽量の…

  2. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  3. no-image
  4. Brusher

    JavaScript

    インタラクティブな背景を実装できる「Brusher」

    Brusherはインタラクティブな背景を実装できる軽量なJavaScr…

  5. Pongstagr.am

    JavaScript

    自分のインスタグラムの画像を表示できるjQueryプラグイン「Pongstagr.am」

    Pongstagr.amは自分のインスタグラムの画像をWebサイトに表…

  6. Vertical Fixed Navigation #2

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP