上按鈕單擊

Question

移動HTML橫向菜單，我需要創建一個水平菜單，顯示所有的給定的瀏覽器的大小可能項目，隱藏在其餘項目（不換到下一行）。再有就是對DIV，點擊它時，顯示項目的下一行的最右側的箭頭按鈕。我怎樣才能做到這一點？我不是要求任何人爲我編寫代碼，我只需要一些指導。網上有這樣的例子嗎？我不想讓箭頭按鈕在屏幕上緩慢移動項目。我需要它跳轉到下一行。

例如，如果項目的列表由三個，每個li元素是100像素長，並與總頁面是200像素，一個元件將被隱藏。點擊按鈕後，前兩項消失，最後一項顯示。

Answer 1

有很多方法可以做到這一點，你可以使ul位置：relative，然後li位置：絕對，當點擊時，改變lis的位置以顯示它們。

Answer 2

冀光說。有很多方法可以做到這一點。重要的是你想如何實現它，或者更好地說明你的項目的其他部分是如何實現的。

有關菜單冀光說，你可以創建水平樣式列表（可能使用漂浮在李離開這一點）。 ul現在必須聲明爲相對和固定的高度或寬度，並且隱藏了溢出，或者更好地修改高度，並設置相對於頁面的寬度。對於箭頭去扔剩下的行我猜你想要的是某種類型的旋轉木馬。現在有很多很好的在線插件可用。或者你可以自己完成它。如果你打算自己做，那麼你需要遵循Ji Guang的建議。將菜單ul放入另一個div中，然後使用ul定位。