6 svar · 508 visningar · startad av mike
Tja
Jag undrar om någon schyst snubbe skulle vilja "cut n'pasta" ett bra layerscroll-script. Det ska funka i både IE och NS och inte ha olika layers som man kan klicka fram, som tex den på bratta.com. Tackar på förhand.
------------------
Flax on /Mikael
Om du ska ha otroligt snygga skrollar (och andra DHTML-grejer), så kolla på www.dansteinman.com/dynduo . Mycket jobb om man vill ha nån speciell design, annars är de bäst!
/ m a r t i n
------------------
martin.iconmedialab.se
martin@iconmedialab.se
[Redigerat av martin den 06 maj 2000]
Brattas scroller funkar ju inte, står ju "fel på sidan" i status raden när man klsitrat in den. Desutom är det ju flera olika layers, som man ska klicka fram som jag inte vill ha och som är jobbiga och ändra.
------------------
Flax on /Mikael
Prova min scroller o se om den möjligtvis passar dig.
<HTML><head>
<title>Scroller</title>
<script language="javascript">
<!-- Kommentera bort för gamla läsare
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>
//M@rtin
Hmm, tyvärr, din scroller funkar inte riktigt, jag kan inte säga vad felet är men den scrollar inte ibland :q
------------------
Flax on /Mikael