华佗小知识

全部频道

您的当前位置：首页jQuery实现精美的多级下拉菜单特效_jquery

jQuery实现精美的多级下拉菜单特效_jquery

来源：华佗小知识


这是一款精美的多级下拉菜单美化,可以完美替代“select”来实现下拉菜单的效果。而且支持多级菜单，有加载等待效果，有层级分类展示。

代码如下:



Filament Group Lab












$(function(){
// BUTTONS
$('.fg-button').hover(
function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
);
// MENUS
$('#flat').menu({
content: $('#flat').next().html(), // grab content from this page
showSpeed: 400
});
$('#hierarchy').menu({
content: $('#hierarchy').next().html(),
crumbDefaultText: ' '
});
$('#hierarchybreadcrumb').menu({
content: $('#hierarchybreadcrumb').next().html(),
backLink: false
});
// or from an external source
$.get('menuContent.html', function(data){ // grab content from another page
$('#flyout').menu({ content: data, flyOut: true });
});
});



$(function(){ $('').appendTo('body').themeswitcher(); });



flat menu


  • Google

  • Yahoo

  • MSN

  • Ask

  • AOL



    • flyout menu ipod-style menu


  • 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



  • Womens Swimming

  • News

  • Events

  • Awards

  • Schedule

  • Team Members

  • Fan Site





  • Adult Recreational

  • Youth Recreational

  • Senior Recreational



  • Tennis

  • Ice Skating

  • Javascript Programming

  • Running

  • Walking



  • Local

  • Health



  • Entertainment

  • Celebrity news

  • Gossip

  • Movies

  • Music

  • Alternative

  • Country

  • Dance

  • Electronica

  • Metal

  • Pop

  • Rock

  • Bands

  • Dokken



  • Fan Clubs

  • Songs





  • Slide shows

  • Red carpet



  • Finance

  • Personal

  • Loans

  • Savings

  • Mortgage

  • Debt



  • Business



  • Food & Cooking

  • Breakfast

  • Lunch

  • Dinner

  • Dessert

  • Dump Cake

  • Doritos

  • Both please.





  • Lifestyle

  • News

  • Politics

  • Sports

  • Baseball

  • Basketball

  • Swimming

  • High School

  • College

  • Professional

  • Mens Swimming

  • News

  • Events

  • Awards

  • Schedule

  • Team Members

  • Fan Site



  • Womens Swimming

  • 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



  • Womens Swimming

  • News

  • Events

  • Awards

  • Schedule

  • Team Members

  • Fan Site





  • Adult Recreational

  • Youth Recreational

  • Senior Recreational



  • Tennis

  • Ice Skating

  • Javascript Programming

  • Running

  • Walking



  • Local

  • Health



  • Entertainment

  • Celebrity news

  • Gossip

  • Movies

  • Music

  • Alternative

  • Country

  • Dance

  • Electronica

  • Metal

  • Pop

  • Rock

  • Bands

  • Dokken



  • Fan Clubs

  • Songs





  • Slide shows

  • Red carpet



  • Finance

  • Personal

  • Loans

  • Savings

  • Mortgage

  • Debt



  • Business



  • Food & Cooking

  • Breakfast

  • Lunch

  • Dinner

  • Dessert

  • Dump Cake

  • Doritos

  • Both please.





  • Lifestyle

  • News

  • Politics

  • Sports

  • Baseball

  • Basketball

  • Swimming

  • High School

  • College

  • Professional

  • Mens Swimming

  • News

  • Events

  • Awards

  • Schedule

  • Team Members

  • Fan Site



  • Womens Swimming

  • News

  • Events

  • Awards

  • Schedule

  • Team Members

  • Fan Site





  • Adult Recreational

  • Youth Recreational

  • Senior Recreational



  • Tennis

  • Ice Skating

  • Javascript Programming

  • Running

  • Walking







    •
    显示全文