Alla frågar ju efter en DHTML-scroller så det är nog dags att jag lägger upp min här.
Tyvärr fungerar den bara på ett lager i taget, får fixa det till nästa version.
<HTML><head>
<title>Scroller</title>
<script language="javascript">
<!-- Kommentera bort för gamla läsare
// (C) Copyright 1999-2000 Martin Lindkvist
var forstgg=1;
var check=0;
var lagertop=25;
var toppen=0;
var botten=0;
var hoger=160;
var vanster=0;
var hojd=190;
var positionen=25;
var stepper=0;
var fart=2
function Start(){
document.all.texten.style.clip=eval("'rect('+toppen+','+hoger+','+botten+','+vanster+')'");
move=setInterval('TextStart()',10)
}
function TextStart(){
if (botten<hojd){
botten+=5;
document.all.texten.style.clip=eval("'rect('+toppen+','+hoger+','+botten+','+vanster+')'");
}else{
clearInterval(move);
}
}
function ScrollUp(){
if (check=1){
search = document.all.texten.style.top;
positionen-=stepper;
toppen+=stepper;
botten+=stepper;
document.all.texten.style.top=positionen;
document.all.texten.style.clip=eval("'rect('+toppen+','+hoger+','+botten+','+vanster+')'");
}else{
stepper=0;
}
}
function ScrollDown(){
search = document.all.texten.style.top;
if (check=1){
positionen+=stepper;
toppen-=stepper;
botten-=stepper;
document.all.texten.style.top=positionen;
document.all.texten.style.clip=eval("'rect('+toppen+','+hoger+','+botten+','+vanster+')'");
}else{
stepper=0;
}
}
function Scroll(speed,step){
stepper=fart;
check=1;
if (forstgg=1){
forstgg=0;
if (step<0){
setInterval('ScrollDown()',speed);
}else{
setInterval('ScrollUp()',speed);
}
}
}
function NoScroll(){
clearInterval();
document.all.texten.style.top=positionen;
check=0;
stepper=0;
}
// Sluta bortkommentera -->
</script>
</head>
<body bgcolor="#FFFFFF" onLoad="Start()">
<!-- <hr width="99%"><br> -->
<div id="texten" style="position: absolute; left: 20; top:25; width:110; visibility: visible; border:1;" border=1>
<font face="verdana, helvetica, arial" size="1" color="#11cc99"">
Detta är en scroller
gjord i dynamisk HTML.
Här skriver du in all text som du vill ha i lagret som ska scrollas. Det kan självklart oxå vara bilder...
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
blablablablablablablablabla
<hr width="90%">
</font>
</div>
<div id="streck" style="position:absolute; left:5; top:5; visibility:visible;">
<hr width="99%">
</div>
<div id="up" style="position:absolute; left: 200; top: 50;">
<a href="#" onMouseOver="Scroll(10,-1)" onMouseOut="NoScroll()"><img src="up.gif"></a>
</div>
<div id="down" style="position:absolute; left: 200; top: 150;">
<a href="#" onMouseOver="Scroll(10,1)" onMouseOut="NoScroll()"><img src="down.gif"></a>
</div>
</body>
</html>