scroll
/Html JavaSript/scroll.html
<script type="text/javascript">
var scrollTimer; //global
function stopScroll() {
if(scrollTimer)clearTimeout(scrollTimer);
}
function scrollUp(px) {
var div = document.getElementById("aDiv");
div.scrollTop = div.scrollTop+px;
scrollTimer = setTimeout("scrollUp("+px+")", 30);
}
</script>
<a href="#" onmouseover="scrollUp(-5)" onmouseout="stopScroll()">.scrollTop-=5</a><br>
<div id="aDiv" style="width:200px; height:150px; overflow:hidden; white-space:nowrap; border:1px solid red">
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
FooBar-123456789 azertyuiop foobaarrrrrrrrrrrrrrrrrrrrrrryyyy<br>
</div>
<a href="#" onmouseover="scrollUp(5)" onmouseout="stopScroll()">.scrollTop+=5</a>