<html>
<head>
<title>Kayanyazilar</title>
<style type="text/css">
#konteyner {
position: absolute;
top:10px;
left:200px;
width:250px;
clip:rect(0,250,200,0)
}
#metin {
position: absolute;
top:0px;
left:0px;
width:250px;
}
</style>
<script language="JavaScript">
var baslangicX=0;
var baslangicY=0;
var kademe=0;
var saatDurumu=0;
function git(katman,x,y) {
if (document.all) {
document.all[katman].style.pixelLeft = x;
document.all[katman].style.pixelTop = y;
}
else if (document.layers) {
document.layers.konteyner.document.layers[katman].moveTo(x,y);
//document.layers[katman].moveTo(x,y);
}
else {
document.getElementById(katman).style.left = x +"px";
document.getElementById(katman).style.top = y +"px";
}
}
function kay(hiz){
baslangicY=baslangicY+kademe;
git('metin',baslangicX,baslangicY)
}
function basla(hiz){
if (baslangicY>0){
dur();
baslangicY=0;// baslangic
}
if (baslangicY<-katmanYuksekligi('metin')+180){ //burada 180 konteyner yuksekliginden(200) biraz olmali. Buffer
dur();
//alert();
baslangicY=-katmanYuksekligi('metin')+180;
}
else{
kademe=hiz;
saat = setTimeout("basla(kademe)", 20);
saatDurumu=1;
kay();
}
}
function dur() {
if (saatDurumu==1){
clearTimeout(saat)
}
}
function basaDon() {
baslangicY=0;
git('metin',0,0);
}
var yukseklik;
function katmanYuksekligi(katman){
if (document.all) {
yukseklik=document.all[katman].offsetHeight;
}
else if (document.layers) {
yukseklik=document.layers.konteyner.layers[katman].document.height;
//yukseklik=document.layers[katman].document.height;
}
else if (document.getElementById) {
yukseklik=document.getElementById(katman).offsetHeight;
}
//alert(yukseklik);
return yukseklik;
}
</script>
</head>
<body>
<a href="javascript:basla(-3)" onmouseover="basla(-2)" onmouseout="dur()">Yukari</a><br><br>
<a href="javascript:basla(3)" onmouseover="basla(2)" onmouseout="dur()">Asagi</a><br><br>
<a href="javascript:basaDon()">Basa dön</a><br>
<div id="konteyner">
<div id="metin">
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
Gösterilecek bir sürü tekst. O kadar çok ki bir sürü. Gösterilecek bir sürü tekst. O kadar çok ki bir sürü.
<br>
<b>Tekst sonu:</b> Çok dediysek o kadar da degil.
</div>
</div>
</body>
</html>