![]() |
![]() |
![]() ![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 230 Pomógł: 3 Dołączył: 8.01.2008 Ostrzeżenie: (10%) ![]() ![]() |
Chcę uzyskać taką animację: piłka (img) z pewnego punktu ma przelecieć do drugiego punktu (mam współrzędne drugiego punktu). To mi działa:
Kod $('#ball').animate({left:position.left,top:position.top},2000); (position to pobrany wcześniej offset elementu, do którego piłka ma polecieć). A jak dodać teraz złudzenie, że piłka leci do góry, a później na doł - zrobiłbym to tak, że przez połowe czasu lotu piłka zwiększa swój rozmiar, a przez drugą połowę - zmniejsza do wartości początkowej. Tylko jak to napisać? Od strony technicznej ma to wyglądać tak: - piłka przez 2 sekundy leci z miejsca, w którym aktualnie się znajduje, na wskazany element - przez pierwszą sekundę powiększa się o np. 2px (ma wymiary 8px na 8px) - przez drugą sekundę zmniejsza się do wielkości początkowej Będę bardzo wdzięczny za wskazówki (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Ten post edytował Apocalyptiq 7.12.2008, 18:19:27 |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 230 Pomógł: 3 Dołączył: 8.01.2008 Ostrzeżenie: (10%) ![]() ![]() |
Ale jak to napisac w jQ? Stosunkowo nowy jestem w jQ, używam go gdzies od dwoch tygodni.
Kod $("#ball").animate({left:leftPosition,top:topPosition},2000); To mi przeniesie piłke w 2 sekundy we wskazane miejsce. Kod $("#ball").animate({left:leftPosition,top:topPosition,width:"+=5",height:"+=5"},2000); Takie cos powinno przeniesc pile i podczas animacji powiększyc jej szerokosc i wysokosc o 5px (nie jestem pewny czy dobrze napisałem, pisze ze szkoly). No i jak to przerobic, aby do polowy drogi sie powiekszała o te np. 5px, a przez druga połowe - powróciła do wymiarów początkowych? |
|
|
![]() ![]() |
![]() |
Aktualny czas: 16.10.2025 - 02:14 |