-
运行效果图：
单击下载源代码
jQuery动态浮动导航菜单代码，供大家分享，如下所示
jquery浮动菜单
$（文档）Ready（函数（）{）
获取默认的顶部值
top_val = $（var的#菜单里的）Css（最重要的）；
激活选定的菜单项
$（#菜单里选择）。儿童（'a'）。停止（）。动画（{ 0 }，{：放宽：'easeoutquad，持续时间：500 }）；
$（#菜单里的Hover（）。
函数（）{
激活具有0个最高值的菜单项
$（这）。儿童（'a'）。停止（）。动画（{ 0 }，{：放宽：'easeoutquad，持续时间：500 }）；
}，
函数（）{
设置默认位置
$（这）。儿童（'a'）。停止（）。动画（top_val }，{ {顶：放宽：'easeoutquad，持续时间：500 }）；
总是保留先前选定的项目处于固定位置。
$（#菜单里选择）。儿童（'a'）。停止（）。动画（{ 0 }，{：放宽：'easeoutquad，持续时间：500 }）；
}
）；
}）；
{ #菜单
列表样式：无；
填充：0；
保证金：0汽车；；
身高：70px；
宽度：600px；
}
#菜单李{
浮点数：左；
宽度：109px；
身高：继承；
职位：相对；
溢出：隐藏；
}
#菜单里的一个{
位置：绝对；
上图：20px；
文本缩进：- 999em；
背景：URL（菜单PNG）不重复00；
显示块；
宽度：109px；
身高：继承；
快速修复IE6 PNG * / / *
职位：相对；
行为：表达（这个。runtimestyle。行为=（无）（这个。pngsetthis。pngset =真的：（this.nodename = =IMG（这个SRC。toLowerCase）。IndexOf（PNG）> 1（this.runtimestyle.backgroundimage = 没有
this.runtimestyle.filter =ProgID：DXImageTransform.Microsoft.AlphaImageLoader（src=++ this.src，sizingmethod =图像'）。
this.src =透明。gif）：（this.origbg = this.origbg this.origbg：this.currentstyle.backgroundimage.tostring（）。更换（'url（
this.runtimestyle.filter =ProgID：DXImageTransform.Microsoft.AlphaImageLoader（src=++ this.origbg，sizingmethod = 'crop'）。
this.runtimestyle.backgroundimage =无）），这pngset = true）））。
}
项目1
项目2
项目3
项目4
项目5
jquery浮动菜单
$（文档）Ready（函数（）{）
获取默认的顶部值
top_val = $（var的#菜单里的）Css（最重要的）；
激活选定的菜单项
$（#菜单里选择）。儿童（'a'）。停止（）。动画（{ 0 }，{：放宽：'easeoutquad，持续时间：500 }）；
$（#菜单里的Hover（）。
函数（）{
激活具有0个最高值的菜单项
$（这）。儿童（'a'）。停止（）。动画（{ 0 }，{：放宽：'easeoutquad，持续时间：500 }）；
}，
函数（）{
设置默认位置
$（这）。儿童（'a'）。停止（）。动画（top_val }，{ {顶：放宽：'easeoutquad，持续时间：500 }）；
总是保留先前选定的项目处于固定位置。
$（#菜单里选择）。儿童（'a'）。停止（）。动画（{ 0 }，{：放宽：'easeoutquad，持续时间：500 }）；
}
）；
}）；
{ #菜单
列表样式：无；
填充：0；
保证金：0汽车；；
身高：70px；
宽度：600px；
}
#菜单李{
浮点数：左；
宽度：109px；
身高：继承；
职位：相对；
溢出：隐藏；
}
#菜单里的一个{
位置：绝对；
上图：20px；
文本缩进：- 999em；
背景：URL（菜单PNG）不重复00；
显示块；
宽度：109px；
身高：继承；
快速修复IE6 PNG * / / *
职位：相对；
行为：表达（这个。runtimestyle。行为=（无）（这个。pngsetthis。pngset =真的：（this.nodename = =IMG（这个SRC。toLowerCase）。IndexOf（PNG）> 1（this.runtimestyle.backgroundimage = 没有
this.runtimestyle.filter =ProgID：DXImageTransform.Microsoft.AlphaImageLoader（src=++ this.src，sizingmethod =图像'）。
this.src =透明。gif）：（this.origbg = this.origbg this.origbg：this.currentstyle.backgroundimage.tostring（）。更换（'url（
this.runtimestyle.filter =ProgID：DXImageTransform.Microsoft.AlphaImageLoader（src=++ this.origbg，sizingmethod = 'crop'）。
this.runtimestyle.backgroundimage =无）），这pngset = true）））。
}
项目1
项目2
项目3
项目4
项目5
以上是分享jQuery动态浮动导航菜单的代码，希望大家能喜欢。