Multi-device scrolling menu

JavaScript

シンプルな水平メニューを実装できる「Multi-device scrolling menu」

Multi-device scrolling menuを使えばシンプルでスッキリした水平メニューを実装することができます。

メニュー部分を横スクロールで見ることができるほか、左右に設置された矢印にホバーすることでもメニューを動かすことができます。見やすくて操作もしやすいのでとても便利ですね。

Multi-device scrolling menu

Multi-device scrolling menu

メニュー両端の矢印にマウスを乗せると、メニューがその方向に移動します。滑らかで一定のスピードで動作します。

また、横スクロールで移動させることも可能です。

パソコンだけではなく、スマホやタブレットでも使いやすそうなメニューですね。

たくさんのメニューがあるサイトにはピッタリではないでしょうか。横に整列されたメニューのデザインやレイアウトもシンプルですし、操作もしやすいと思います。

メニューを縦に並べるのではなく、横に並べて表示させたいという方は、ぜひチェックしてみてはいかがでしょうか。

関連記事

  1. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  2. Responsive Elements
  3. Parazoom

    JavaScript

    クールに拡大・チルトする画像ズーム「Parazoom」

    Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj…

  4. Horizontal Timeline

    JavaScript

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

    Horizontal Timelineは水平方向に移動可能なタイムライ…

  5. 3D Cube CountDown script
  6. JavaScript

    フォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLa…

    フォームを入力する際にあると便利なのがplaceholderです。しか…

最近の記事

  1. 三菱ブレッドオーブン
  2. 浜離宮恩賜庭園

アーカイブ

PAGE TOP