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
画像を使わずにGoogle風のクールなボタンが作成できるjQueryプラグイン:phpspot開発日誌
jQuery imageless buttons a la Google 画像を使わずにGoogle風のクールなボタンが作成できるjQueryプラグイン。 次のようなボタンやドロップダウン風のボタンが画像を使わずに実装できるプラグインです。 画像を使っていないのですが、クリックするとちゃんと色が反転して押した感覚がでるようになっています。 原理的には複数の span を使って立体感を再現しているようです (Firebugを使って覗いてみたところ) 現在出ているほとんどのブラウザに対応しています。IE6にも対応してくれているようです。 ドロップダウンも実装できるところから、ページのナビゲーションメニューに組み込んでみてもよさそうです。 jQueryプラグインですので、$(element).styledButton( オプション ); のようにして簡単に初期化することが出来ます。 関連エントリ
jquery mb.menu « Matteo Bicocchi's Blog
This is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way! You can add as many submenus as you want; if your submenu or menu is not declared in the page, the component’ll get it via ajax calling the template page with the id of the menu you need (the value of “menu” attribute) the ajax page should return a well formatted code
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
jQueryでメニューを固定位置に追随させる：Live floating menu
いろいろなサイトでメニューを固定＆追随させています。 今回はJavaScriptでこれを実現させてみます。 via：Live floating menu sponsors 使用方法 jQueryからjquery.jsとjquery.dimensions.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.dimensions.js"></script> <script type="text/javascript"> var name = "#id名"; var menuYloc = null; $(document).ready(function(){ menuYloc = parseInt($(name
[CSS]スタイルシートで実装するドロップダウン型のナビゲーション
スタイルシートで実装するドロップダウン型のナビゲーションをJanko At Warp Speedから紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]ドロップダウン型ナビゲーションを作成するフレームワーク | コリス