[JS] Poruszający się DIV Opcje

[kaem]

Witam, jestem baaaaardzi cieńki z JS i dopiero raczkuje i mam taki o to problem: muszę przerobić przesuwanie się banerów za pomocą js, bo jak narazie wykorzystywany jest znacznik html marquee, a tak już nie może być.

[PHP] pobierz, plaintext 
<td height="100%" valign="top" align="right"  class="reklama" >
 
<?php
srand((float)microtime()*1000000);
 
//echo '
//<marquee SCROLLAMOUNT="3" SCROLLDELAY="2" DIRECTION="down" //onmouseover=this.stop(); onmouseout=this.start() height="1110">
//';
echo '<div id="scroll" class="scroll">';
    
print $tablica[$losowe_klucze[0]]."\n";
echo '<br/>';
echo '<br/>';
 
print $tablica[$losowe_klucze[1]]."\n";
echo '<br/>';
echo '<br/>';
 
 
print $tablica[$losowe_klucze[2]]."\n";
//itd......
 
echo '</div>';
//echo '</marquee>';
 
 
?>
[PHP] pobierz, plaintext 

$tablica zawiera adresy banerów(<a href="costam" > <img src... /> <a/>)
Jak widzicie wstawiłem zamiast marquee diva o id="scroll". Styl dla tego diva wyglada tak:

[HTML] pobierz, plaintext 
div.scroll { overflow: hidden; }
[HTML] pobierz, plaintext 

I napisałem taki o to skrypt:

[HTML] pobierz, plaintext 
<script language="JavaScript">
var y = document.getElementById("scroll").style.top;
var top = document.getElementById("scroll").style.top;
var krok = 5; 
function move() {
 
    if(y<top + document.getElementById("scroll").style.height)
        y = y + krok;
 
    document.getElementById("scroll").style.top  = y+'px';
 
    if (y+krok < top+ document.getElementById("scroll").style.height) {
        window.setTimeout('move()',100);
    }
    else
        document.getElementById("scroll").style.top=top+"px";
}
</script>
[HTML] pobierz, plaintext 

Jednak banery się nie przesuwają. Jak powinien wyglądać ten skrypt? Albo co muszę poprawić, na co zwrócić uwagę?

[michaJlS]

[...] Albo co muszę poprawić, na co zwrócić uwagę?

ja bym na twoim miejscu zwrócił uwagę na gotowe i sprawdzone metody. Np. biblioteki JS, których częścią mogą być różne takie tam właśnie efekty jak ten, o którym piszesz. Polecam jquery http://docs.jquery.com/Effects

[kaem]

Ciekawe są te efekty, ale nie mogę ich jakoś zastosować. Próbowałem dać taki oto skrypt animacji korzystając z tego jQuery

[HTML] pobierz, plaintext 
<script type="javascript" language="javascript">
  $(document).ready(function(){
 
 
      $(".scroll").animate({"top": "+=50px"}, { duration: 500, queue: false });
 
 
  });
  </script>
[HTML] pobierz, plaintext 

Ale nic się nie dzieje. Także w ramach możliwości prosiłbym o poprawę tego wcześniejszego kodu w czystym js. Może wina nie leży w skrypcie tylko w kodzie html/php ? Da się wogóle tak diva z tymi banerami przesunąć? Jak widzicie ten div zawiera się w komórce <td> tabeli.