使用向上和向下按鈕向上或向下滾動頁面橫幅

我在標題'向上箭頭'和'向下箭頭'上放置了兩個按鈕。在內容區域，我放置了多個包含橫幅圖像的表格。是否有可能，如果我點擊向上按鈕，第一張桌子向上滾動並顯示第二張桌子，如果它是最後一張桌子，它將向上滾動第一張桌子。我希望表格的其餘部分隱藏，因爲我仍然希望頁腳圖像位於表格下方的相同位置。使用向上和向下按鈕向上或向下滾動頁面橫幅

這裏是我的表碼：

<div id="banner"> 
    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_1.php"><img src="banner1.png"/></a></td> 
    </tr> 
    </table> 

    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_2.php"><img src="banner2.png"/></a></td> 
    </tr> 
    </table> 

    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_3.php"><img src="banner3.png"/></a></td> 
    </tr> 
    </table> 
</div>

按鈕：

<table> 
<tr> 
<td><img src="images/up_arrow.png"/></td> 
<td><img src="images/down_arrow.png"/></td> 
</tr> 
</table>

來源

2012-06-12 Psinyee

一個可能的方式做到這一點：在一個div將

1）表要進行腳本滾動。

2）給出一個id到div

3）你的按鈕將調整yourDiv.scrollTop的價值內容上移或下移。

夠清楚還是需要一個例子？

來源

2012-06-12 08:35:55 RomainVALERI

請舉例說明如何應用yourElement.scrollTop。 – Psinyee

var yourDiv = document.getElementById（「idOfYourDiv」）; yourdiv.scrollTop + = 5; //這會將內容向下滾動5個像素 – RomainVALERI

那麼，我必須將該代碼放入JavaScript標記中嗎？然後創建一個div來包含所有3個ID爲'banner'的表格？很抱歉，我不得不問這個問題。 – Psinyee

使用向上和向下按鈕向上或向下滾動頁面橫幅

回答

相關問題