Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Problem z metodą animacji animate()
peja1990
post
Post #1





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 4.12.2010

Ostrzeżenie: (10%)
X----


Witam,
mam pewien problem z animacją.
Pozwolę sobie od razu przedstawić kod prościutkiej funkcji:
  1. function showOptions(e = "div", status = "expand" height = 100) {
  2. // Ustalam wysokość diva
  3. if(!height || height == 0) {
  4. return $(e).children('.options').height();
  5. }
  6. if(status == "expand") {
  7. $(e).children('.options').css('height', '0px').show().animate({
  8. height : '+=' + height // No i tutaj cały problem !
  9. });
  10. }
  11. }


Problem polega na tym, że gdy kilkukrotnie wykonam szybko funkcję (mouseover / mouseout) to wysokość czyli zmienna 'height' zaczyna się powiększać czego nie chcę i w tym cały mój problem...
Wiadomo, że mój problem rozwiązałaby zmiana metody animacji np. na show() ale zależy mi by zostać przy zastosowanej metodzie dlatego proszę Was o pomoc.
Macie jakieś pomysły ?
Z góry bardzo dziękuję.

---
Serdecznie pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Niktoś
post
Post #2





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


Odpowiedź prosta ,zobacz:
http://jsfiddle.net/fvzFg/4/
Możesz regulować tempo w animate ,jak chcesz.

Ten post edytował Niktoś 27.04.2012, 21:13:35
Go to the top of the page
+Quote Post
peja1990
post
Post #3





Grupa: Zarejestrowani
Postów: 150
Pomógł: 1
Dołączył: 4.12.2010

Ostrzeżenie: (10%)
X----


Cytat(Niktoś @ 27.04.2012, 22:12:47 ) *
Odpowiedź prosta ,zobacz:
http://jsfiddle.net/fvzFg/4/
Możesz regulować tempo w animate ,jak chcesz.


Zmniejszenie czasu trwania animacji (IMG:style_emoticons/default/biggrin.gif)
No tak, a gdybym chciał mieć np. duration 5 sek ? (IMG:style_emoticons/default/biggrin.gif)
Co byś na to poradził ? (IMG:style_emoticons/default/biggrin.gif)


-----------
Daj sobie trochę cierpliwości i przekonaj się, że nie masz racji ;P
http://jsfiddle.net/fvzFg/4/
-----------
500 - w zupełności wystarczy (IMG:style_emoticons/default/tongue.gif)
-----------
Już na 100ms potrafię zajechać kod (IMG:style_emoticons/default/biggrin.gif)
Co Ty na to ? (IMG:style_emoticons/default/smile.gif)

Ten post edytował peja1990 27.04.2012, 21:18:53
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 12:04