当前位置:首页 > 日记 > 正文

动态浮动导航菜单代码共享

动态浮动导航菜单代码共享
这是一个基于jQuery的特效代码,实现了浮动浮动导航菜单。菜单上下浮动,充满生机和活力。这是一个非常实用的导航菜单源代码。
运行效果图:

单击下载源代码

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动态浮动导航菜单的代码,希望大家能喜欢。

相关文章

滑动特殊代码的jQuery实现

滑动特殊代码的jQuery实现

代码,电脑软件,jQuery,在项目中,需要使用jQuery来实现滑动效果,因此相关的内容安排如下。下面是详细的说明,文字说明和代码分析,和你需要的朋友可以学习。 实现方式1: ({ } {时间。slideup,完成})-目标元素上滑倒了,隐藏; slideDown({ } {。时间,完…

自动修正流量的好处是什么QQ常见问

自动修正流量的好处是什么QQ常见问

流量,常见问题,修正,好处,电脑软件,自动修正流量的好处是什么 自动更正流量自动发送短信,帮助您纠正手机流量,使您的流量与操作者实时同步。 注意:您可以在流量监控设置中打开自动更正流量,但在打开时,您需要配置第一;这台机器属于sim型,它帮助…

痛苦的超级感性人格签名

痛苦的超级感性人格签名

感性,人格,痛苦,电脑软件,以下是你编译的悲伤和悲伤的个性签名的内容。如果你喜欢小编辑的建议,请继续关注它。 回想起来,我们用坚强的姿态,面对时间,它是如此苍白。 慢慢发现,爱一个人就是毁灭原来的自己。 依赖是可怕的。一旦你倒下,你就会觉得…

图PS图象处理软件阿凡达技术概述PS

图PS图象处理软件阿凡达技术概述PS

图象,处理软件,实用技巧,阿凡,技术,一个人的面部特征要求很高。mdash;mdash;不同的人的脸上都是由相同的部分和这些组件的微妙变化引起人体和人脸之间的差异。本节将读者渐渐明白规则与面绘制技术。在后面部分的示例中,我们将让读者练习特定字…

ai绘制美丽精致的黑白咒语图案。

ai绘制美丽精致的黑白咒语图案。

绘制,咒语,图案,黑白,精致,本教程是介绍一个美丽和精美的黑白曼陀罗图案的朋友,ai,这是非常美丽和困难的。推荐的朋友可以跟着教程一起学习。我希望你能喜欢它。 本教程教AI学习者使用AI绘制优美的曼陀罗图案。教程的设计很漂亮,很难制作。推…

jQuery倾斜级联特效代码共享

jQuery倾斜级联特效代码共享

级联,特效代码,电脑软件,jQuery,本文的示例讲述了jQuery图片倾斜级联开关的特效代码,供大家参考: 这是一个基于图像切换效果代码CSS3倾斜的基础上jquery.roundabout.js。它有层次感,还可以切换。一个非常新的代码示例。 兼营:---------------…

四文本框格式排版方法Word2003教程

四文本框格式排版方法Word2003教程

方法,教程,文本框,格式,电脑软件,很多朋友使用Word2003编辑一些特殊布局的Word文档,往往需要在文本框中的文本框的用词,虽然操作简单,大部分的朋友也会用,但用的时间长了,我们会发现许多小技巧,下面是一些文本框在网络排版技术收集,你可以灵活的使…

如何结合细胞Excel2003教程Excel20

如何结合细胞Excel2003教程Excel20

教程,细胞,电脑软件,当我们使用Excel2003制表,我们有时合并单元格的顶部为一个大细胞,然后进入大尺寸字体作为表格的标题,那么我们如何合并单元格 第1步,选择需要合并的几个单元格,然后右击选择设置单元格格式; 第二步,在弹出窗口中设置单元格格…

WPS如何制作饼图WPS表单教程

WPS如何制作饼图WPS表单教程

饼图,教程,表单,电脑软件,WPS,如何将数据输入到指定的饼图,在Excel表中的数据输入后,经常做的一件事,有很多学生成为指定方法的饼图,这个例子描述了这种相对简单的,可能是选择一列的第一步,插入一个推荐表,选择这里的饼图是确定的,风格,样式的按钮,点…

的标签可以改变innerHTML综述

的标签可以改变innerHTML综述

综述,标签,电脑软件,innerHTML,当我们使用innerHTML生成结构,为了显得清晰和明确的,我们可以在每一行的末尾加上一个反斜杠,这样可以使HTML的原有结构,而不是压缩标签一起。 这样可以改变HTML标签 / /功能fnnew(){ VaR shtml =; 对于(var i = 0;i s…

合并Discuz用户脚本的PHP方法

合并Discuz用户脚本的PHP方法

脚本,用户,方法,合并,电脑软件,本文阐述了PHP与Discuz用户脚本相结合的方法,分享给你参考。以下是如下: 前几天,我遇到了一个项目,需要合并两Discuz。一个用户级别是12万左右,一个是1万8,毫无疑问,它抛出1万8,离开12万。数据表都是相关联的。新用…

Javascript是让键盘按方向键的方式。

Javascript是让键盘按方向键的方式。

键盘,方向键,方式,电脑软件,Javascript,本文演示了Javascript获取键盘按下方向键的方式: 通过创建一个对象的情况下,我们可以把键盘上的方向键有效。运行该代码后,单击键盘上的任意方向键,该网页将返回您按下的键。 运行效果如下图所示: 具体代码如…