使用向上和向下按钮向上或向下滚动页面横幅

时间:2012-06-12 08:28:25

标签: php javascript html scroll

我在标题'向上箭头'和'向下箭头'处放置了两个按钮。在内容区域,我放置了包含横幅图像的多个表格。是否可以点击向上按钮,第一个表格将向上滚动并显示第二个表格,如果它是最后一个表格,它将向上滚动第一个表格。我希望隐藏表格的其余部分,因为我仍然希望页脚图像位于表格下方的相同位置。

这是我的表格代码:

<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>

1 个答案:

答案 0 :(得分:0)

可能的方法:

1)将想要进行脚本滚动的表放入div中。

2)给div一个id

3)您的按钮将调整您的Div.scrollTop的值以向上或向下移动内容。

足够清楚还是需要一个例子?