<style type="text/css">
#divUp{position:relative; left:10; top:0}
#divDown{position:relative; left:10; top:0}
#divCont{position:relative; width:300; height:150; overflow:hidden; top:0; left:10; clip:rect(0,300,150,0); visibility:hidden}
#divText{position:absolute; top:0; left:0}
</style>

<script type="text/javascript" language="JavaScript">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
This script was modified by nightfire (www.nightfire.ch)
********************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser(){
 this.ver=navigator.appVersion
 this.dom=document.getElementById?1:0
 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
 this.ie4=(document.all && !this.dom)?1:0;
 this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
 this.ns4=(document.layers && !this.dom)?1:0;
 this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
 return this
}
bw=new checkBrowser()
/*****************

Die Breite und Höhe der Divs werden innerhalb der Style- Tags bestimmt. Achten Sie darauf, 'clip' in der gleichen Breite und Höhe zu bestimmen.
Das Script arbeitet mit absoluter wie auch mit relativer Positionierung (wie im vorliegenden Beispiel innerhalb einer Tabelle)
Bei relativer Positionierung müssen Sie jedoch damit rechnen, dass Netscape crasht!

****************/

//If you want it to move faster you can set this lower:
var speed=50

//Sets variables to keep track of what's happening
var loop, timer

//Object constructor
function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
 this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
   this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
 this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
 this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
 this.up=goUp;this.down=goDown;
 this.moveIt=moveIt; this.x; this.y;
    this.obj = obj + "Object"
    eval(this.obj + "=this")
    return this
}
function moveIt(x,y){
 this.x=x;this.y=y
 this.css.left=this.x
 this.css.top=this.y
}

//Makes the object go up
function goDown(move){
 if(this.y>-this.scrollHeight+oCont.clipHeight){

this.moveIt(0,this.y-move)
   if(loop) setTimeout(this.obj+".down("+move+")",speed)
 }
}
//Makes the object go down
function goUp(move){
 if(this.y<0){

this.moveIt(0,this.y-move)

if(loop) setTimeout(this.obj+".up("+move+")",speed)
 }
}

//Calls the scrolling functions. Also checks whether the page is loaded or not.
function scroll(speed){
 if(loaded){

loop=true;

if(speed>0) oScroll.down(speed)

else oScroll.up(speed)
 }
}

//Stops the scrolling (called on mouseout)
function noScroll(){
 loop=false
 if(timer) clearTimeout(timer)
}
//Makes the object
var loaded;
function scrollInit(){
 oCont=new makeObj('divCont')
 oScroll=new makeObj('divText','divCont')
 oScroll.moveIt(0,0)
 oCont.css.visibility='visible'
 loaded=true;
}
//Call the init on page load
onload=scrollInit;
</script>

<table BGCOLOR="#FFFFFF" width="320">
<tr>
<td BGCOLOR="#00468C" align="center">
<div id="divUp">
 <a href="#" onmouseover="scroll(-2)" onmouseout="noScroll()">[slow]</a>
 <a href="#" onmouseover="scroll(-7)" onmouseout="noScroll()">[medium]</a>
 <a href="#" onmouseover="scroll(-10)" onmouseout="noScroll()">[fast]</a>
</div>
</td>
</tr>
<tr>
<td>
<div id="divCont">
 <div id="divText">

<p>News: <br>

www.bratta.com/dhtml - Have you ever experienced DHTML is now updated

with more script, demos and how to's then ever. Visit now!

Also added: The DHTML Scriptomania, a new and better interface

to browser the scripts, demos and how to's.</p>

<p>

test text test text test text test text test text test text<br><br>

test text test text test text test text test text test text<br>

test text test text test text test text test text test text<br>

test text test text test text test text test text test text<br>

test text test text test text test text test text test text<br></p>

<p>

test text test text test text test text test text test text<br>

test text test text test text test text test text test text<br>

test text test text test text test text test text test text<br><br>

test text test text test text test text test text test text<br>

test text test text test text test text test text test text - END</p>
 </div>
</div>
</td>
</tr>
<tr>
<td BGCOLOR="#00468C" align="center">
<div id="divDown">
 <a href="#" onmouseover="scroll(2)" onmouseout="noScroll()">[slow]</a>
 <a href="#" onmouseover="scroll(7)" onmouseout="noScroll()">[medium]</a>
 <a href="#" onmouseover="scroll(10)" onmouseout="noScroll()">[fast]</a>
</div>
</td>
</tr>
</table>

Thomas Brattli

kopieren sie bitte den Code