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. Vertical Fixed Navigation #2
  2. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  3. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

  4. JavaScript

    巻き簾のようにメニューを開閉するアニメーションを実装できるjQueryプラグイン「Makisu」

    巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりで…

  5. Houdini

    JavaScript

    シンプルな折りたたみ・展開やアコーディオンを実装できる「Houdini」

    Houdiniはシンプルな折りたたみ・展開ができる機能やアコーディオン…

  6. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

最近の記事

  1. 東京都現代美術館
  2. スーリア バターチキン
  3. そそそ 明太クリームそうめん
  4. すしざんまい
  5. 蒼龍唐玉堂 特製牛バラ担々麺

アーカイブ

PAGE TOP