Multi-device scrolling menu

JavaScript

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

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

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

Multi-device scrolling menu

Multi-device scrolling menu

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

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

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

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

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

関連記事

  1. Glide.js

    JavaScript

    軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

    Glide.jsは軽量・フレキシブル・高速なJavaScript ES…

  2. JavaScript

    2つの異なるスクロール動作が印象的なjQueryプラグイン「multiscroll.js」

    multiscroll.jsというおもしろいjQueryプラグインがあ…

  3. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  4. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  5. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン12選のまとめ 2012/08 – 2012/0…

    2012年8月〜2012月9月までの当ブログで紹介したjQueryプラ…

  6. Switch

    JavaScript

    iOSスタイルのシンプルなチェックボックスを実装できる「Switch」

    Switchは、シンプルでパワフルなiOSスタイルのチェックボックスを…

最近の記事

  1. COMOLIの製品染ナイロン アノラックとトラックパンツ
  2. WH-XB900N
  3. Eufy RoboVac L70 Hybrid
  4. cheero Smart USB Charger 48W CHE-320

アーカイブ

PAGE TOP