Menuは、Webアプリケーションに最適なレスポンシブに対応したナビゲーションメニューを実装することができます。PCはもちろん、モバイルでも操作しやすいナビゲーションメニューです。Menuの実際のデモになります。Demo」というところに、PC版のナビゲーションメニューのサンプルが用意されています。4には子メニューも設定されていて、マウスオーバーすると表示される仕組みになっています。レスポンシブ対応なので、ブラウザ幅を縮小していくとモバイル版に切り替わります。モバイル版ではハンバーガーアイコンが表示されるので、ここをクリックするとナビゲーションメニューが開かれます。4の右側には、下矢印が表示されているのでここをクリックすると子メニューが開かれます。ナビゲーションメニュー、子メニューともにスライドダウン・スライドアップによるアニメーションで開閉されます。モバイル版ではハンバーガーアイコンをクリックしないとメニューが表示されないので、スペースを有効活用したい人にはピッタリですね。デモページの下の方には最初からモバイル版のナビゲーションメニューになっているサンプルも設置されています。2は左からのスライド表示になります。Menuにはオプションもいくつか用意されており、speed、menuType、desktopListWidth、openEvent、multipleといった項目があります。ファイル容量もかなり軽量なので、よりモバイルにピッタリといえそうですね。いうわけで、Webアプリケーションに使用するレスポンシブ対応のナビゲーションメニューを探している人は、ぜひチェックしてみてください。Menuの詳しい使い方やダウンロードは、以下のページからどうぞ。Modalは、フレキシブルでファイル容量も軽量なCSS...JavaScriptjQuery依存なしのシンプルなライトボックス機能を実装できる「Lightbox」LightboxはjQueryに依存することなくシンプルなライトボック...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。