动态浮动导航菜单代码共享
运行效果图:
单击下载源代码
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动态浮动导航菜单的代码,希望大家能喜欢。