Multi-device scrolling menu

JavaScript

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

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

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

Multi-device scrolling menu

Multi-device scrolling menu

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

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

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

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

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

関連記事

  1. Brusher

    JavaScript

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

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

  2. no-image

    JavaScript

    セクション間をスムーズにスクロールできる「Scroll Control」

    Scroll Controlはセクション間をスムーズにスクロールできる…

  3. jQuery cardslider

    JavaScript

    カードをスライドさせるようにコンテンツを表示できる「jQuery cardslider」

    jQuery cardsliderは、コンテンツをカードのように表示し…

  4. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

  5. tabellajs

    JavaScript

    タッチ対応のレスポンシブなテーブルを実装できる「tabellajs」

    tabellajsはタッチに対応したレスポンシブで操作性のよいテーブル…

  6. no-image

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP