PCではマウスホバー、スマフォではタップで動作するレスポンシブなドロップダウンメニューを実装するjQueryプラグイン・FlexNav
レスポンシブWebデザイン対応サイト向けのドロップダウンメニューを実装する為のスクリプト・FlexNavのご紹介です。なかなか使い勝手も良さそうな印象でした。 PCサイトではマウスホバーによるドロップダウン、スマフォではタップで降りるコンパクトなメニューに切り替わります。 ネストされたメニューにも対応していますのでこのまま利用しても大丈夫・・かな。（まだ詳しく見てないです） <ul class="flexnav" data-breakpoint="800"> <li>Menu01</li> <li>Menu02</li> </ul>カスタムデータ属性でブレークポイントを設定します。em単位でもセッティングできるみたい。 $(".foo").flexNav({ 'transitionSpeed' : '0.4s', 'itemHeight': 50 });降りてくるスピードなどはオプションで
» CSSでドロップダウンメニュー
このブログを作るに当たって、いろいろと試行錯誤をした記録です。すぐ忘れてしまうので、覚書として書き留めています。今回はヘッダーのメニュー編。 DEMO 01 S 02 短く 02 ても 02 幅一定 01 middle 02 Mサイズ 02 真ん中 03 長い文章も折り返さずに表示 03 一番長い横幅にそろいます 04 menu-aaaaaaaa 04 menu-bbbbbbb 04 menu-cccccccc 05 menu-a 05 menu-b 05 menu-c 03 ただしIEを除く 02 Mサイズ 01 For a long sentence 02 基本の 02 横幅は 02 94pxに 02 設定 03 文字数が多くなると 03 IE以外は 03 最大の横幅に 03 合わせて広がります CSSのドロップダウンメニューです。テストバージョンのオリジナルWordPress The
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー - かちびと.net
http://www.designwalker.com/2009/02/jquery-dropdown.html
