Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js]Stopniowe przesuwanie
Forum PHP.pl > Forum > Przedszkole
Glarden
16.02.2008, 12:47:20
Witojcie, chciałem napisać skrypt, który by przesuwał diva do określonej pozycji, ale stopniowo, tak żeby ten div "zjeżdżał". Mam tak:
[HTML] pobierz, plaintext 
  1. <script>
  2. function przesun() {
  3. 	for (i=75;i<150;i++)
  4. 	{
  5. 		setTimeout("document.getElementById('kupa').style.top = i;", 500);
  6. 	}
  7. }
  8. </script>
  9. <body>
  10. 	<a href="javascript:przesun();">Przesun</a>
  11. 	<div id="kupa">
  12. 		Wszyscy maja Mambe, mam i ja.<br>
  13. 		Nie macie wasów.
  14. 	</div>
  15. </body>
[HTML] pobierz, plaintext


I efekt jest taki, że po naciśnięciu odnośnika odczekuje pół sekundy i przenosi do określonej pozycji, ale od razu, zamiast zjeżdżać.
nevt
16.02.2008, 13:42:35
spóbuj tak:
[HTML] pobierz, plaintext 
  1. <script>
  2. function przesun(i)
  3. {
  4.   if(i < 150)
  5.   {
  6.     document.getElementById('kupa').style.top = i++;
  7.     setTimeout('przesun(' + i + ')', 30);
  8.   }
  9. }
  10. </script>
  11. <body>
  12.   	<a href="javascript:przesun(75);">Przesun</a>
  13.   	<div id="kupa">
  14.     		Wszyscy maja Mambe, mam i ja.<br>
  15.     		Nie macie wasów.
  16.   	</div>
  17. </body>
[HTML] pobierz, plaintext


pisałem z pamięci, ale powinno hulać...
Glarden
16.02.2008, 16:28:37
Racja, działa. Dzięki
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.