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



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

代码如下:
















$(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(); });

You chose:

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