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. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

  2. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

  3. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  4. miSlider

    JavaScript

    複数の画像を表示したりスライドしたりできるスライダー「miSlider」

    miSliderは複数の画像やスライドの表示を可能にするスライダーを実…

  5. JavaScript

    Google マップを簡単でシンプルに使えるようにしてくれる「gmaps.js」

    Google マップをとても簡単に扱えるようにしてくれるgmaps.j…

最近の記事

  1. ゴールデンパイナップル
  2. 雪がつもった公園
  3. ハンガリー産 純粋アカシアはちみつ
  4. COMOLI ダブルレイヤー L/Sクルー
  5. メキシコ オアハカ

アーカイブ

PAGE TOP