Jquery用于水平滑动菜单栏

时间:2013-12-30 05:58:45

标签: javascript jquery menubar

是否有任何jquery库可以使用它来水平移动菜单栏?我想要做的是我有一个菜单栏,其中包含五个项目(主页,关于我们,我们做什么,技术,联系我们)。它是一个动态菜单栏,如果管理员希望他可以向此菜单栏添加更多项目。因此,假设他在菜单栏中添加了三个项目,如(Item1,Item2,Item3),那么新的菜单栏将显示为(Home,About Us,What We Do,Technologies,Contact Us,Item1,Item2,Item3)。而且他将来还可以增加更多。现在发生的情况是在菜单中添加更多项目时,新添加的项目无法正确显示,因为页面宽度定义为80%且无法增加。所以我试图做的是提供一个水平滑动菜单。意味着菜单栏的两端都有两个箭头,访问者可以按左箭头或右箭头来访问菜单项。 到目前为止,我还没有遇到任何jquery / javascript,所以我尝试了一些其他的jqueries,但它们是用于图像,所发生的是按左或右箭头整个菜单幻灯片,但我只想在页面上滑动一个项目加载如果用户按下右箭头,则将隐藏主页,菜单栏将显示如下(关于我们,我们做什么,技术,联系我们,项目1)。每个右箭头按下均值按下每个最左边的项目将隐藏,并且大多数项目将开始逐个显示。 如果你们需要更多说明,我希望Firefox能够像我的菜单栏一样使用水平滑动功能。在Firefox中,当打开越来越多的选项卡时,在一定数量的选项卡后,两端会出现两个箭头,用户可以按箭头滑动并访问选项卡。 感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

滑动菜单栏看起来不太好。我可以推荐一些你可以找到的插件here

但是,我建议改变你对设计的看法,并且有类似的东西:

Menu Bar

当用户点击加号按钮时,您可以将他带到一个页面,在那里他可以看到任意数量的选项。

或者,在菜单栏旁边添加一个下拉菜单,用户可以在其中查看所有选项。

Menu Bar 2

答案 1 :(得分:0)

即使存在许多这样的库。您将自己编写代码并在页面中使用。 或者只是您可以下载一个免费模板,该模板使用它并根据您的要求进行编辑。 虽然没有适当的许可使用这样的免费模板是不专业的。 你可以在初级阶段试试这个。

做R& D对他们..编辑,看看效果.. 你将花更多的时间来理解它,你会学到更多东西...... 祝你好运!!