jQuery melaksanakan menu drop-down berbilang peringkat yang indah effects_jquery

Ini ialah pengindahan menu lungsur berbilang peringkat yang indah, yang boleh menggantikan "pilih" dengan sempurna untuk mencapai kesan menu lungsur. Ia juga menyokong menu berbilang peringkat, dengan memuatkan kesan menunggu dan paparan klasifikasi hierarki.

Salin kod Kod adalah seperti berikut: http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > http://www.w3.org/1999/xhtml " xml:lang="en"> Makmal Kumpulan Filamen badan { saiz fon: 62.5%; margin:0; padding:0; } #menuLog { saiz fon:1.4em; jidar:20px; } .tersembunyi { kedudukan:mutlak; atas:0; kiri:-9999px; lebar:1px; ketinggian:1px; limpahan:tersembunyi; } .fg-button { clear:left; jidar:0 4px 40px 450px; padding: .4em 1em; text-decoration:none !important; kursor:penunjuk; kedudukan: relatif; text-align: tengah; zum: 1; } .fg-button .ui-icon { kedudukan: mutlak; atas: 50%; jidar atas: -8px; kiri: 50%; jidar-kiri: -8px; } a.fg-button { float:left; } butang.fg-butang { width:auto; limpahan:terlihat; } /* mengalih keluar lebar butang tambahan dalam IE */ .fg-button-icon-left { padding-left: 2.1em; } .fg-button-icon-right { padding-right: 2.1em; } .fg-button-icon-left .ui-icon { kanan: auto; kiri: .2em; jidar-kiri: 0; } .fg-button-icon-right .ui-icon { left: auto; kanan: .2em; jidar-kiri: 0; } .fg-button-icon-solo { display:block; lebar: 8px; inden teks: -9999px; } /* butang ikon solo mesti mempunyai sifat blok agar inden teks berfungsi */ .fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; } .fg-menu-ipod .fg-menu li { lebar: 95%; } .fg-menu-ipod .ui-widget-content { border:0; } $(fungsi(){ // BUTTON $('.fg-button').tuding( function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); }, function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); } ); // MENUS $('#flat').menu({ kandungan: $('#flat').next().html(), // ambil kandungan dari halaman ini showSpeed: 400 }); $('#hierarki').menu({ kandungan: $('#hierarchy').next().html(), crumbDefaultText: ' ' }); $('#hierarchybreadcrumb').menu({ kandungan: $('#hierarchybreadcrumb').next().html(), Pautan belakang: palsu }); // atau daripada sumber luar $.get('menuContent.html', function(data){ // ambil kandungan dari halaman lain $('#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"> menu flyout menu gaya ipod Berita Terkini Hiburan Politik A&E Sukan Besbol Bola Keranjang Label yang sangat panjang akan dibalut dengan baik seperti yang anda lihat Berenang Sekolah Menengah Kolej Profesional Renang Lelaki Berita Acara Anugerah Jadual Ahli Pasukan Tapak Peminat Renang Wanita Berita Acara Anugerah Jadual Ahli Pasukan Tapak Peminat Rekreasi Dewasa Rekreasi Belia Rekreasi Kanan Tenis Luncur Ais Pengaturcaraan Javascript Berlari Berjalan Tempatan Kesihatan Hiburan Berita selebriti Gosip Filem Muzik Alternatif Negara Menari Elektronika Logam Pop Rock Kugiran Dokken Kelab Peminat Lagu Pertunjukan slaid Permaidani merah Kewangan Peribadi Pinjaman Penjimatan Gadai janji Hutang Perniagaan Makanan & Memasak Sarapan Makan tengah hari Makan malam Pencuci mulut Buang Kek Doritos Tolong kedua-duanya. Gaya hidup Berita Politik Sukan Besbol Bola Keranjang Berenang Sekolah Menengah Kolej Profesional Renang Lelaki Berita Acara Anugerah Jadual Ahli Pasukan Tapak Peminat Renang Wanita 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 Renang Wanita Berita Acara Anugerah Jadual Ahli Pasukan Tapak Peminat Rekreasi Dewasa Rekreasi Belia Rekreasi Kanan Tenis Luncur Ais Pengaturcaraan Javascript Berlari Berjalan Tempatan Kesihatan Hiburan Berita selebriti Gosip Filem Muzik Alternatif Negara Menari Elektronika Logam Pop Rock Kugiran Dokken Kelab Peminat Lagu Pertunjukan slaid Permaidani merah Kewangan Peribadi Pinjaman Penjimatan Gadai janji Hutang Perniagaan Makanan & Memasak Sarapan Makan tengah hari Makan malam Pencuci mulut Buang Kek Doritos Tolong kedua-duanya. Gaya hidup Berita Politik Sukan Besbol Bola Keranjang Berenang Sekolah Menengah Kolej Profesional Renang Lelaki Berita Acara Anugerah Jadual Ahli Pasukan Tapak Peminat Renang Wanita News 活动 奖项 日程 团队成员 粉丝网站 成人休闲 青少年休闲活动 高级休闲 网球 滑冰 Javascript 编程 跑步 散步

以上就是本文所述的全部内容了，希望对大家学习jQuery能够有所帮助。

jQuery melaksanakan menu drop-down berbilang peringkat yang indah effects_jquery

Artikel berkaitan