jQuery implementiert exquisite mehrstufige Dropdown-Menüeffekte

Dies ist eine exquisite mehrstufige Verschönerung des Dropdown-Menüs, die „Auswählen“ perfekt ersetzen kann, um den Effekt eines Dropdown-Menüs zu erzielen. Es unterstützt auch mehrstufige Menüs mit Ladewarteeffekten und hierarchischer Klassifizierungsanzeige.

Code kopieren Der Code lautet wie folgt: http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > http://www.w3.org/1999/xhtml " xml:lang="en"> Filament Group Lab body { Schriftgröße:62,5%; Rand:0; Polsterung:0; } #menuLog { Schriftgröße:1.4em; Rand:20px; } .hidden { position:absolute; oben:0; links:-9999px; Breite: 1px; Höhe: 1px; Überlauf:versteckt; } .fg-button { clear:left; Rand:0 4px 40px 450px; Polsterung: .4em 1em; Textdekoration: keine !important; Cursor:Zeiger; Position: relativ; Textausrichtung: Mitte; Zoom: 1; } .fg-button .ui-icon { position: absolute; oben: 50 %; Rand oben: -8px; links: 50 %; Rand links: -8px; } a.fg-button { float:left; } button.fg-button { width:auto; Überlauf:sichtbar; } /* entfernt zusätzliche Schaltflächenbreite im IE */ .fg-button-icon-left { padding-left: 2.1em; } .fg-button-icon-right { padding-right: 2.1em; } .fg-button-icon-left .ui-icon { right: auto; links: .2em; Rand links: 0; } .fg-button-icon-right .ui-icon { left: auto; rechts: .2em; Rand links: 0; } .fg-button-icon-solo { display:block; Breite:8px; Texteinzug: -9999px; } /* Solo-Symbolschaltflächen müssen Blockeigenschaften haben, damit der Texteinzug funktioniert */ .fg-button.ui-state-loading .ui-icon { Hintergrund: URL(spinner_bar.gif) no-repeat 0 0; } .fg-menu-ipod .fg-menu li { width: 95%; } .fg-menu-ipod .ui-widget-content { border:0; } $(function(){ // TASTEN $('.fg-button').hover( function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); }, function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); } ); // MENÜS $('#flat').menu({ Inhalt: $('#flat').next().html(), // Inhalte von dieser Seite abrufen ShowSpeed: 400 }); $('#hierarchy').menu({ Inhalt: $('#hierarchy').next().html(), crushDefaultText: ' ' }); $('#hierarchybreadcrumb').menu({ Inhalt: $('#hierarchybreadcrumb').next().html(), backLink: false }); // oder von einer externen Quelle $.get('menuContent.html', function(data){ // Inhalte von einer anderen Seite abrufen $('#flyout').menu({ content: data, flyOut: true }); }); }); $(function(){ $(' ').appendTo('body').themeswitcher(); }); You chose:

flat menu Google Yahoo MSN Ask AOL &lt ;span class="ui-icon ui-icon-triangle-1-s"> Flyout-Menü Menü im iPod-Stil Aktuelle Nachrichten Unterhaltung Politik A&E Sport Baseball Basketball Ein wirklich langes Etikett würde sich gut verpacken, wie Sie sehen können Schwimmen Gymnasium College Professionell Herrenschwimmen Neuigkeiten Veranstaltungen Auszeichnungen Zeitplan Teammitglieder Fanseite Damenschwimmen Neuigkeiten Veranstaltungen Auszeichnungen Zeitplan Teammitglieder Fanseite Erwachsene Freizeit Jugendfreizeit Senior Recreational Tennis Eislaufen Javascript-Programmierung Laufen Gehen Lokal Gesundheit Unterhaltung Promi-News Gossip Filme Musik Alternative Land Tanz Electronica Metall Pop Rock Bands Dokken Fanclubs Lieder Diashows Roter Teppich Finanzen Persönlich Darlehen Ersparnisse Hypothek Schulden Business Essen & Kochen Frühstück Mittagessen Abendessen Dessert Dump Cake Doritos Beide bitte. Lifestyle Neuigkeiten Politik Sport Baseball Basketball Schwimmen Gymnasium College Professionell Herrenschwimmen Neuigkeiten Veranstaltungen Auszeichnungen Zeitplan Teammitglieder Fanseite Damenschwimmen News Events Awards Schedule Team Members Fan Site Adult Recreational Youth Recreational Senior Recreational Tennis Ice Skating Javascript Programming Running Walking ipod-style menu w/ breadcrumb Breaking News Entertainment Politics A&E Sports Baseball Basketball A really long label would wrap nicely as you can see Swimming High School College Professional Mens Swimming News Events Awards Schedule Team Members Fan Site Damenschwimmen Neuigkeiten Veranstaltungen Auszeichnungen Zeitplan Teammitglieder Fanseite Erwachsene Freizeit Jugendfreizeit Senior Recreational Tennis Eislaufen Javascript-Programmierung Laufen Gehen Lokal Gesundheit Unterhaltung Promi-News Gossip Filme Musik Alternative Land Tanz Electronica Metall Pop Rock Bands Dokken Fanclubs Lieder Diashows Roter Teppich Finanzen Persönlich Darlehen Ersparnisse Hypothek Schulden Business Essen & Kochen Frühstück Mittagessen Abendessen Dessert Dump Cake Doritos Beide bitte. Lifestyle Neuigkeiten Politik Sport Baseball Basketball Schwimmen Gymnasium College Professionell Herrenschwimmen Neuigkeiten Veranstaltungen Auszeichnungen Zeitplan Teammitglieder Fanseite Damenschwimmen News Veranstaltungen Auszeichnungen Zeitplan Teammitglieder Fanseite Erwachsene Freizeit Jugendfreizeit Senior Recreational Tennis Eislaufen Javascript-Programmierung Laufen Gehen 以上就是本文所述的全部内容了,希望对大家学习jQuery能够有所帮助.

jQuery implementiert exquisite mehrstufige Dropdown-Menüeffekte_jquery