jquery动感漂浮导航菜单代码分享_jquery

来源：动视网责编：小OO 时间：2020-11-27 21:42:12

jquery动感漂浮导航菜单代码分享_jquery

运行效果图。点击下载源码；为大家分享的jquery动感漂浮导航菜单代码如下：，this.runtimeStyle.filter = "progid：DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "'.sizingMethod='image')"，this.src = "transparent.gif")：(this.origBg = this.origBg?；this.origBg ：this.currentStyle.backgroundImage.toString().replace('url("'，'').replace('")'，'')。

推荐度：

点击下载本文 文档为doc格式

导读运行效果图。点击下载源码；为大家分享的jquery动感漂浮导航菜单代码如下：，this.runtimeStyle.filter = "progid：DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "'.sizingMethod='image')"，this.src = "transparent.gif")：(this.origBg = this.origBg?；this.origBg ：this.currentStyle.backgroundImage.toString().replace('url("'，'').replace('")'，'')。

这是一款基于jquery实现动感漂浮导航菜单的特效代码，菜单可以上下浮动，动感十足，为自己的网站增加了活力，是一款非常实用的导航菜单特效源码。

运行效果图：

点击下载源码

为大家分享的jquery动感漂浮导航菜单代码如下


 
 jQuery Floating Menu
 
 
 
 
 $(document).ready(function () {

 //get the default top value
 var top_val = $('#menu li a').css('top');

 //animate the selected menu item
 $('#menu li.selected').children('a').stop().animate({top:0}, {easing: 'easeOutQuad', duration:500}); 

 $('#menu li').hover(
 function () {
 
 //animate the menu item with 0 top value
 $(this).children('a').stop().animate({top:0}, {easing: 'easeOutQuad', duration:500}); 
 },
 function () {

 //set the position to default
 $(this).children('a').stop().animate({top:top_val}, {easing: 'easeOutQuad', duration:500}); 

 //always keep the previously selected item in fixed position 
 $('#menu li.selected').children('a').stop().animate({top:0}, {easing: 'easeOutQuad', duration:500}); 
 } 
 );
 
 });
 
 
 
 
 






 
Item 1
 Item 2
 Item 3
 Item 4
 Item 5


 
 jQuery Floating Menu

jquery动感漂浮导航菜单代码分享_jquery

推荐度：

点击下载本文 文档为doc格式

标签：菜单代码悬浮

热门焦点

jquery动感漂浮导航菜单代码分享_jquery

jquery动感漂浮导航菜单代码分享_jquery

jquery动感漂浮导航菜单代码分享_jquery

最新推荐

猜你喜欢

热门推荐