Multi-device scrolling menu

JavaScript

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

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

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

Multi-device scrolling menu

Multi-device scrolling menu

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

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

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

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

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

Eureca調べものに最適!さまざまな検索をすばやく実行できるiPhoneアプリ「Eureca」前のページ

レスポンシブでスマートなメガメニューを実装できる「megamenu.js」次のページmegamenu.js

関連記事

  1. JavaScript

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラグイン「mlens」

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラ…

  2. Docked Link jQuery Plugin
  3. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  4. no-image

    JavaScript

    ダイナミックな自動スライドショーを実装できる「CSS + jQuery Gallery」

    CSS + jQuery Galleryはダイナミックでかっこいい自動…

  5. Canvi

    JavaScript

    左右からスライド表示するシンプルなナビゲーションメニュー「Canvi」

    CanviはVanilla JSによるシンプルなナビゲーションメニュー…

  6. jQueryプラグインで実装できるカレンダー

    JavaScript

    jQueryプラグインで実装できるカレンダー10選

    jQueryプラグインで実装することができる10個のカレンダーがCod…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP