Trunk.js

JavaScript

滑らかなスライド表示がいい!レスポンシブなナビゲーションメニュー「Trunk.js」

Trunk.jsはレスポンシブに対応したナビゲーションメニューを実装することができるjQueryプラグインです。左サイドから滑らかにメニューがスライド表示されるシンプルで操作性のいいナビゲーションメニューをつくることができます。

Trunk.js

Trunk.js

PC閲覧時にはあらかじめメニューが横一列に表示されていますが、スマホやタブレットからだとこれが非表示になり、メニューアイコンが表示されます。

アイコンをクリックすると左サイドからメニューがスライドで表示されます。表示された際に軽くバウンドするあたりのアニメーションがいい感じですね。

シンプルでとても使いやすいナビゲーションメニューだと思います。

レスポンシブに対応していることから、いろんなデバイスで快適にナビゲーションメニューを操作できます。

スマホやタブレットの閲覧時に、滑らかにスライド表示するナビゲーションメニューを実装したいという方は、ぜひTrunk.jsを活用されてみてはいかがでしょうか。

mophie juice pack heliumiPhone SE対応の超薄型バッテリーケース「mophie juice pack helium for iPhone 5s/5」前のページ

陽炎のような揺れを表現できる「Animated Heat Distortion Effects with WebGL」次のページAnimated Heat Distortion Effects with WebGL

関連記事

  1. jquery.adaptive-backgrounds.js
  2. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  3. notifier

    JavaScript

    Webサイトにシンプルな通知を表示させるjQueryプラグイン「notifier」

    notifierはWebサイトにシンプルな通知を表示させることができる…

  4. Popper.js

    JavaScript

    軽量で見やすいツールチップを実装できる「Popper.js」

    Popper.jsはユーザーにとって見やすいツールチップを実装できるJ…

  5. no-image

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP