4PXMMenu

JavaScript

滑らかなアニメーションでモバイルサイトに最適なメニュー実装「4PXMMenu」

4PXMMenuはモバイルサイトに最適なメニューを実装することができるjQueryプラグインです。滑らかでさりげなく、美しいアニメーションでメニューを表示させることができます。モバイルサイトで使用するメニューを探している人は要チェックです。

4PXMMenu

デモ

デモページではブラウザ幅を768pxより小さくしないとメニューが表示されないようになっているので、画面にメニューがでていない場合はブラウザ幅を縮小してモバイル版に切り替える必要があります。

メニューの表示は、画面右上にハンバーガーアイコンとして表示されます。このアイコンをクリックすると、左から滑らかなスライドアニメーションとともにメニュー画面が表示されます。

また、それと同時にハンバーガーアイコンが「×」に変化します。このアイコンの変化もアニメーションで行われるので、とても素敵です。「×」をクリックすれば、メニューがスライドアニメーションとともに非表示になり元の状態に戻ります。

シンプルなメニューですが、さりげないアニメーションがとても優雅に感じて違和感なくメニューの表示・非表示が行えますね。使い方もカンタンなので、手軽に実装できるところもグッドです。

というわけで、モバイルサイトに活用したい滑らかなアニメーションによるメニューを実装できるjQueryプラグイン「4PXMMenu」のご紹介でした。

4PXMMenu

jQuery Countdown手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」前のページ

シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」次のページNotyf

関連記事

  1. Animsition
  2. Accessible Mega Menu
  3. basicContext

    JavaScript

    使いやすいコンテキストメニューを実装できる「basicContext」

    basicContextはシンプルで使いやすいコンテキストメニューを実…

  4. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  5. Shuffle Letters

    JavaScript

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグイン「Shuffle Lett…

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグ…

  6. Filterable Product Grid

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP