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

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

复制代码 代码如下: http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > http://www.w3.org/1999/xhtml " xml:lang="en">

长丝组实验室 脚本> 正文 { 字体大小：62.5%；保证金：0；填充：0； } #menuLog { 字体大小：1.4em;边距：20px； } .hidden { 位置：绝对；顶部：0；左：-9999px；宽度：1px；高度：1px；溢出：隐藏； } .fg-button { 清除：左；边距：0 4px 40px 450px；填充：.4em 1em；文本装饰：无！重要；光标：指针；位置：相对；文本对齐：居中；缩放：1； } .fg-button .ui-icon { 位置：绝对；顶部：50%；顶部边距：-8px；左：50%；左边距：-8px； } a.fg-button { 浮动：左； } 按钮.fg-按钮{宽度：自动;溢出：可见； } /* 删除 IE 中额外的按钮宽度 */ .fg-button-icon-left { padding-left: 2.1em; } .fg-button-icon-right { padding-right: 2.1em; } .fg-button-icon-left .ui-icon { 右：自动；左：.2em；左边距：0； } .fg-button-icon-right .ui-icon { 左：自动；右：.2em；左边距：0； } .fg-button-icon-solo { 显示：块；宽度：8px；文本缩进：-9999px； } /* 单独的图标按钮必须具有块属性才能使文本缩进起作用 */ .fg-button.ui-state-loading .ui-icon { 背景：url(spinner_bar.gif) no-repeat 0 0; } .fg-menu-ipod .fg-menu li { 宽度：95%； } .fg-menu-ipod .ui-widget-content { 边框：0; } $(函数(){ // 按钮 $('.fg-button').hover( function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); }, function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); } ); // 菜单 $('#flat').menu({ content: $('#flat').next().html(), // 从此页面抓取内容 显示速度：400 }); $('#hierarchy').menu({ 内容：$('#hierarchy').next().html(), crumbDefaultText: ' ' }); $('#hierarchybreadcrumb').menu({ 内容：$('#hierarchybreadcrumb').next().html(), 反向链接： false }); // 或来自外部来源 $.get('menuContent.html', function(data){ // 从另一个页面抓取内容 $('#flyout').menu({ content: data, FlyOut: true }); }); }); $(function(){ $(' ').appendTo('body').themeswitcher(); }); You chose:

flat menu Google Yahoo MSN Ask AOL 弹出菜单 iPod 风格菜单 突发新闻 娱乐 政治 A&E 体育 棒球 篮球 如您所见，非常长的标签可以很好地包裹 游泳 高中 学院 专业 男子游泳 新闻 活动 奖项 日程 团队成员 粉丝网站 女子游泳 新闻 活动 奖项 日程 团队成员 粉丝网站 成人休闲 青少年休闲活动 高级休闲 网球 滑冰 Javascript 编程 跑步 散步 本地 健康 娱乐 名人新闻 八卦 电影 音乐 替代方案 国家 舞蹈 Electronica 金属 流行音乐 摇滚 乐队 Dokken 粉丝俱乐部 歌曲 幻灯片放映 红毯> 金融 个人 贷款 储蓄 抵押贷款 债务 商务 食物与烹饪 早餐 午餐 晚餐 甜点 转储蛋糕 多力多滋 两者都请。 生活方式 新闻 政治 体育 棒球 篮球 游泳 高中 学院 专业 男子游泳 新闻 活动 奖项 日程 团队成员 粉丝网站 女子游泳 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 女子游泳 新闻 活动 奖项 日程 团队成员 粉丝网站 成人休闲 青少年休闲活动 高级休闲 网球 滑冰 Javascript 编程 跑步 散步 本地 健康 娱乐 名人新闻 八卦 电影 音乐 替代方案 国家 舞蹈 Electronica 金属 流行音乐 摇滚 乐队 Dokken 粉丝俱乐部 歌曲 幻灯片放映 红毯> 金融 个人 贷款 储蓄 抵押贷款 债务 商务 食物与烹饪 早餐 午餐 晚餐 甜点 转储蛋糕 多力多滋 两者都请。 生活方式 新闻 政治 体育 棒球 篮球 游泳 高中 学院 专业 男子游泳 新闻 活动 奖项 日程 团队成员 粉丝网站 女子游泳 News Veranstaltungen Auszeichnungen Zeitplan Teammitglieder Fanseite Erwachsene Freizeit Jugendfreizeit Senior Recreational Tennis Eislaufen Javascript-Programmierung Laufen Gehen 以上就是本文所述的全部内容了,希望对大家学习jQuery能够有所帮助.

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

相关文章