7 svar · 490 visningar · startad av AG
Tjenare,
Jag är ute efter en sån där kod som gör att man kan scrolla en sida utan scroll knappar.
VEt flera sidor det finns på fast koden brukar inte vara användarvänlig, har ej fått det att fungera. Nån som vet nån sida som förklarar det lite mer ingående?
Hittade inget tidigare inlägg
Andreas
Jag har gjort en egen scroller...
Den e inte fullkommlig men fungerar så länge du vet höjden på lagret du har texten i.
Här är koden:
<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>
Ganska mycket kommentarer i koden så du förstår nog iaf vilka saker du ska byta ut för att anpassa scriptet till just din sida..
//M@rtin
Satan i all uppståndelse glömde jag att kolla det nästan viktogaste, hur den fungerade i ns. Svaret det fungerade inte alls, nån som vet varför?
Andreas
AG
det beror nog på att netscpae inte alltid stöder <Div id> layerrs
det kna funka om du ändrar alla layers till <layer> men då finnns det en annan nackdel
då funkar inte skiten i Explorer :P
hej,
detta script hittade jag på www.dynamicdrive.com .
lägg detta innanför body taggen:
<script language="JavaScript1.2">
/*
Top-Down scrolling window Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more free DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//change 1 to another integer to alter the scroll speed. Greater is faster
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+speed
else
currentpos=window.pageYOffset+speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
------------------
Erik Alfredsson Y2K
banan.erik@home.se
alfredssons.com