第一种，类似于滑动效果，用强父元素，overflow:hidden了。然后通过点击左右的键，获取当前父元素的宽度，修改父元素css属性的left，注意，position:absolute时left才起作用。
第二种就比较简单。就是简单的隐藏，点击左右，隐藏第一屏的信息，再次点击，隐藏第一、第二屏的信息，依次类推，当最后一屏的时候，又开始显示第一屏的信息，这样就是循环了。可以用fadeIn()等方法来加入一些效果
思路就是这样，说起来麻烦，其实很简单、
修改完成了 你把 你的js全部替换下即可
<script type="text/javascript">var currentPosition, timer
function GoTop() {
currentPosition = document.documentElement.scrollTop
currentPosition -= 50
if (currentPosition > 0) {
window.scrollTo(0, currentPosition)
timer = setInterval("GoTop()", 10)
} else {
currentPosition = 0
window.scrollTo(0)
window.clearInterval(timer)
}
}
var currentPosition2, timer2
function GoBottom() {
currentPosition2 = document.documentElement.scrollTop
currentPosition2 += 50
if (currentPosition2 <= 1000) {
window.scrollTo(0,currentPosition2)
timer2 = setInterval("GoBottom()", 100)
} else {
currentPosition = 1000
window.scrollTo(0,1000)
window.clearInterval(timer2)
}
}
</script>
