jQuery Mega Drop Down Menu Plugin – Examples « Design Chemical Lab
Basic (minimum required) Styling With Default Plugin Settings: Items Per Row: 3, Speed: Fast, Effect: Fade In $('#mega-menu-2').dcMegaMenu(); Home Products Mobile Phones & Accessories Product 1 Product 2 Product 3 Desktop Product 4 Product 5 Product 6 Product 7 Product 8 Product 9 Laptop Product 10 Product 11 Product 12 Product 13 Accessories Product 14 Product 15 Software Product 16 Product 17 Pr
jQuery Vertical Accordion Menu Plugin – Examples « Design Chemical Lab
$('#accordion-1').dcAccordion({ eventType: 'click', autoClose: true, saveState: true, disableLink: true, showCount: true, speed: 'slow' }); Close Open Sub-menus: On Save State: On Disable Parent links: On Speed: slow Count: on Home Products Mobile Phones & Accessories Product 1 Product 2 Product 3 Desktop Product 4 Product 5 Product 6 Product 7 Product 8 Product 9 Laptop Product 10 Product 11 Part
Animated jQuery menu
Menu settings Animation: Speed: MarkUp: <ul id="amenu-list"> <li> <a href="#">Item 1</a> </li> <li> <a href="#">Item 2</a> <ul> <li> <a href="#">Item 2-1</a> </li> <li> <a href="#">Item 2-2</a> </li> </ul> </li> </ul> Usage: $(document).ready(function(){ $('#amenu-list').amenu({ 'speed': 200, 'animation': 'wind' // show, fade, slide, wind, none }); });
Dynamic Drive DHTML Scripts- jQuery Gooey (Lava Lamp) Menu
Note: July 18th, 15'- Fixed issue with gooey effect when menu drops spills over to multiple lines. Both .js and .css file updated. Description: jQuery Gooey Menu uses the popular "lava lamp" effect to create CSS menus with a moving gooey background effect. Whenever the mouse moves over a menu item, the desired style that indicates the selected menu item follows the mouse to that item, smoothly hi
ASCII.jp：jQueryで作る多階層ドロップダウンメニュー｜Web制作の現場で使えるjQuery UIデザイン入門
基本のドロップダウンメニュー メインメニューにマウスカーソルを重ねると、すぐ下にサブメニューを表示するドロップダウン型メニューから作りましょう。サブメニューの1回層目までの表示に対応したメニューです。 メニューバーのHTML／XHTML（以下、HTML）は以下のように記述します。メインメニューをul/li要素で記述し、メインメニューに対応するサブメニューをli要素の中にul/li要素で入れ子に記述していきます。メインメニューのul要素にはclass属性「menu」を、子カテゴリーのul要素にはclass属性「sub」を付けて親子関係を分かりやすくしておきます。 ▼サンプル01（HTML部分） <ul class="menu"> <li><a href="#">メニューA</a> <ul class="sub"> <li><a href="#">サブメニューA</a></li> <li><a
[CSS]スタイルシートで実装するドロップダウン型のナビゲーション
スタイルシートで実装するドロップダウン型のナビゲーションをJanko At Warp Speedから紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]ドロップダウン型ナビゲーションを作成するフレームワーク | コリス
