ďťż

[javascript] problem z animacja div

       

Podstrony


telcocafe

Witam!
Chcialem stworzyc animacje DIV ktora sparawia ze ten elemtn po przesunieciu sie do 500x zaczyna
wracac do punktu 0 i tak w nieskonczonosc..niestety nie wiem dlaczego u mnie dzila to tylko w jedna strone

Oto kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> .a{ position:absolute; left:1px; top:30px; width:60px; border-style:solid; background-color:red; } </style> <script type="text/javascript"> var a=100;c=1; function aaa() { setInterval("qwe()", 50) } function qwe() { var c=document.getElementById('bbb'); if (a<500 ^ c==1) { a=a+10; b=a.toString(); c.style.left=b+'px'; if (a==490) { c=2; } } if (c==2) { a=a-10; b=a.toString(); c.style.left=b+'px'; if (a==0) { c=1; } } } // </script> </head> <body> <div id="bbb" class="a" onclick="aaa()" >aaa</div> </body> </html>
Użytkownik katarina edytował ten post 16 grudzień 2009, 19:32
Powód edycji: używaj codebox do takich kodów :)


Dwa problemy.
1. Stosuj typowe instrukcje warunkowe. Mianowicie zastąp instrukcje na if (a<500 && c==1)
2. Przeglądaj kod i weryfikuj poprawność. Definiujesz dwie różne rzeczy, do których się odwołujesz pod tą samą zmienną (c). Pozamieniaj obiekt na coś innego, czyli np.var o=document.getElementById('bbb'); // ... o.style.left=b+'px'; // ... o.style.left=b+'px'; // ...

a i jak możesz kod który podałeś umieść w tagu CODEBOX :)

omg :) "najciemniej pod latarnia"...dziękuję ogromnie:) gdy wczoraj nad tym siedziałem w nocy i kombinowałem
myślałem ze to wina zakresu zmiennych lub innych pokrętnych prawideł :)

a kodem z chęcią się podzielę ;)


a kodem z chęcią się podzielę ;)
Chodzi o to, aby kod zamieszczać w znaczniku CODE lub CODEBOX, tak jak zrobił to DJ_ProG, a nie wklejać bezpośrednio, bo źle czyta takie posty.

Zainteresuj się również biblioteką jQuery.



ktoś mnie wyręczył ...ale będę o tym pamiętał na przyszłość :)

Dzięki za linka zaraz sie dokształcę :)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.