移动按钮的HTML水平菜单单击

Question

我需要创建一个水平菜单，显示给定浏览器大小的所有可能项目，其余项目都是隐藏的（它们不会换行到下一行）。然后在div的最右侧有一个箭头按钮，单击该按钮时会显示下一行项目。我怎样才能做到这一点？我不是要求任何人为我编写代码，我只需要一些方向。网上有这方面的例子吗？我不希望箭头按钮在屏幕上缓慢移动项目。我需要它才能“跳”到下一行。

例如，如果项目列表由三个组成，则每个li元素长度为100px，总页面为200px，其中一个元素将被隐藏。单击按钮后，前两个项目将消失，最后一个项目将显示。

Answer 1

有很多方法可以做到这一点，你可以创建ul位置：relative，然后是li位置：绝对，点击时，改变lis的位置来显示它们。

Answer 2

正如吉光所说。有很多方法可以做到这一点。重要的是你想要如何实现它，或者更好地说明你的项目的其余部分是如何实现的。

对于Ji Guang所说的菜单，您可以创建一个水平样式列表（可以使用li左侧的浮动）。现在必须将ul声明为相对且固定的高度或宽度，并隐藏溢出，或者更好地修复所需的高度并设置相对于页面的宽度。对于箭头去扔剩下的行我想你想要的是某种类型的旋转木马。现在网上有很多好的插件可供选择。或者你可以自己完成它。如果您打算自己做，那么您需要遵循季光的建议。将菜单ul放在另一个div中，然后播放ul的定位。