i s m a i l p e r i m . n e t
js, ajax, php, mysql, c#
js, ajax, php, mysql, c#
Nis 8th
Yazar : İsmail PERİM Kategori javascript - ajax
resimleri sırasıyla basit bir kayma efekti ile göstermek isterken ortaya çıkan şey
;
<script type="text/javascript">var kutuSayi = 5; var sure = 5000; var divYukseklik = 60; var interval=0; var say=0; function art() { say+=1; if(say<divYukseklik+1) { document.getElementById("divKutu").scrollTop+=1; } else { say=0; clearInterval(interval); } } function kutu() { var divID = eval(document.getElementById("divID").innerHTML); for(i=1;i<kutuSayi+1;i++) { var iArti=i+1; if(i==divID) { //document.getElementById("goster"+i).style.visibility="visible"; if(kutuSayi==divID) { document.getElementById("divID").innerHTML=null; document.getElementById("divID").innerHTML=1; document.getElementById("divKutu").scrollTop=0; } else { document.getElementById("divID").innerHTML=null; document.getElementById("divID").innerHTML=iArti; //document.getElementById("divKutu").scrollTop+=60; interval=setInterval("art()",30); } } } } function n(){} function yukseklik(yuk) { for(h=1;h<kutuSayi+1;h++) { document.getElementById("goster"+h).style.height=yuk; document.getElementById("goster"+h).style.border="1px dashed black"; divYukseklik=yuk; } } function yukle() { yukseklik(divYukseklik); } window.setInterval('kutu()',sure); </script> <div id="divID" style="visibility:hidden;">1</div> <div id="divKutu" style="overflow: hidden; height: 60px; width: 150px;"> <div id="goster1">bir</div> <div id="goster2">iki</div> <div id="goster3">uc</div> <div id="goster4">dort</div> <div id="goster5">bes</div> </div>