滑动导航栏与jquery [英] Sliding Navigation Bar with jquery

问题描述

我正在尝试为网站创建水平导航栏。现在我需要提供如下滑动效果

I was trying to create a horizontal navigation bar for a website. Now I need to provide a sliding effect as follows

导航菜单有5个链接，第5个链接是右箭头图像。点击第5个链接（右箭头）时，所有其他4个链接应折叠到第5个菜单中，右箭头应替换为左箭头（现在只有一个链接是左箭头，而点击此链接时应该启用上一个菜单）

the navigation menu has 5 links , and the 5th link is a right arrow image. while clicking on this 5th link (right arrow) all other 4 links should be collapsed into this 5th menu and the right arrow should be replaced with a left arrow (now only one link which is the left arrow, and while clicking on this link the previous menu should be enabled)

我怎样才能实现这个目标？

How can I achieve this?

[edit]
这里是导航栏的屏幕截图
http://i.stack.imgur.com/ kFMXb.png
[/ edit]

[edit] Here is the screen shot of the navbar http://i.stack.imgur.com/kFMXb.png [/edit]

推荐答案

好的，你可以试试这个 - http://tympanus.net/ codrops / 2009/11/30 / beautiful-slide-out-navigation-a-css-and-jquery-tutorial /

ok you can try this - http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/

，演示在这里 - http://tympanus.net/Tutorials/FixedNavigationTutorial/

and the demo is here - http://tympanus.net/Tutorials/FixedNavigationTutorial/

这篇关于滑动导航栏与jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！