使用 jquery 滑动导航栏
我试图为网站创建一个水平导航栏。现在我需要提供一个滑动效果,如下
导航菜单有5个链接,第5个链接是右箭头图像。单击此第 5 个链接(右箭头)时,所有其他 4 个链接应折叠到此第 5 个菜单中,并且右箭头应替换为左箭头(现在只有一个链接,即左箭头,当单击此链接时,应该启用上一个菜单)
我怎样才能实现这一点?
[编辑] 这是导航栏的屏幕截图 https://i.sstatic.net/kFMXb.png [/编辑]
I was trying to create a horizontal navigation bar for a website. Now I need to provide a sliding effect as follows
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]
Here is the screen shot of the navbar
https://i.sstatic.net/kFMXb.png
[/edit]
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
好的,你可以尝试这个 - http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/
演示在这里 - http://tympanus.net/Tutorials/FixedNavigationTutorial/
ok you can try this - http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/
and the demo is here - http://tympanus.net/Tutorials/FixedNavigationTutorial/