这样的滚动条怎么做？（在线等。）

Question

把网页存到本地分析一下就好了

Answer 1

层的滚动
<style>
#main {
height: 100%;
overflow: hidden;
padding: 0px;
}
.scrollarrow {
font-family: Webdings;
color: blue;
text-align: center;
cursor: hand;
}
</style>
<script>
var scrollspeed=20;
var currentleft=1;
function divscroll(flag)
{
if(flag=="right")
{
currentleft=main.scrollLeft;
main.scrollLeft+=scrollspeed;
}
else
{
main.scrollLeft-=scrollspeed;
currentleft=main.scrollLeft;
}
}</script>
<div id=arrowleft class=scrollarrow style="position:absolute; left: 10; bottom: 10; z-index: 4; overflow: hidden;background: transparent; cursor:hand" onclick=divscroll("left")>7</div>
<div id=arrowright class=scrollarrow style="position:absolute; right: 10; bottom: 10; z-index: 4; overflow: hidden;background: transparent; cursor:hand" onclick=divscroll("right")>8</div> <div id=main style="width:100">
<table>
<tr><td>bayern1</td><td>bayern2</td><td>bayern3</td><td>bayern4</td><td>bayern5</td><td>bayern6</td></tr>
<tr><td>bayern1</td><td>bayern2</td><td>bayern3</td><td>bayern4</td><td>bayern5</td><td>bayern6</td></tr>
<tr><td>bayern1</td><td>bayern2</td><td>bayern3</td><td>bayern4</td><td>bayern5</td><td>bayern6</td></tr>
</talbe>
</div>