bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptスマホやPCで多階層メニューを実装できるレスポンシブ対応のjQueryプラグイン「slimMenu」JavaScript2014.08.28スマホやPCで多階層メニューを実装できるレスポンシブ対応のjQueryプラグイン「slimMenu」slimMenuというjQueryプラグインを使えば、スマホやPCの両方で多階層メニューを実装することができます。レスポンシブ対応になっているので、いろんなデバイスからでもメニューが操作しやすいです。メニューがたくさんあるサイトで使ってみたいですね。以下からダウンロードや実際のデモ動作の確認をすることができます。slimMenuこんな感じで多階層のドロップダウンメニューを実装することができます。レスポンシブに対応しているので、画面を縮小していくとこのようにメニューがスマホ用に最適化されます。シンプルですがとても使い勝手のいいメニューです。余計な手間をかけなくても、これだけでPCとスマホの両方で多階層メニューを実現することができちゃいます。使い方も分かりやすいですし、オプションもいろいろと用意されています。'&nbsp;'});というわけで、レスポンシブ対応の多階層メニューを実装できるjQueryプラグイン「slimMenu」のご紹介でした。関連記事JavaScriptプリロードやローディング画面を実装できるjQueryプラグイン「preload」preloadは、その名のとおり「プリロード」やローディング中の画面を...JavaScriptレスポンシブ対応で画像やテキストも自由にスライドできるjQueryスライダー「Responsly.j...スマホにも対応したレスポンシブのjQueryスライダー「Respons...JavaScriptさまざまな埋め込み動画をレスポンシブで表示できる「SuperEmbed.js」SuperEmbed.jsは、さまざまな埋め込み型の動画をレスポンシブ...JavaScriptウィンドウをリサイズした時にイベント発生できる「jquery.resizeend」jquery.resizeendは、ブラウザのウィンドウをリサイズした...JavaScript画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo...JavaScriptレスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」StellarNav.jsはjQueryによるレスポンシブで多階層に対...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。