Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][JAVA] Efekt "hover"
Forum PHP.pl > Forum > Przedszkole
shpaque
Witam serdecznie, mam pewien banalny problem, otóż kod:

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $('#zoom1').hover(function(){
  4. $(this).find('img').animate({"height": 260}, 200);
  5. }, function(){
  6. $(this).find('img').animate({"height": 236}, 500);
  7. });
  8. });


wykonuje się ładnie... Co zrobić, żeby po zjechaniu myszki (onmouseout) skrypt nie czekał aż zakończy się ":hover" tylko od razu kończył. Chodzi o ten głupi efekt kiedy szybko zacznę najeżdzać 10 razy na pole i zjadę z niego - to skrypt zamiast się wyłączyć - 10 razy jeszcze w kółko się wykona...

Może zamienić hover na onmouseover - tylko próbowałem podmienić - ale wtedy skrypt się w ogóle nie wykonuje...
kamil4u
Użyj http://api.jquery.com/stop/
shpaque
dzięki za stopa... Tylko teraz gdzie go wsadzić? Jak daję po fdunction to zatrzymuje ale jakoś dziwnie pozniej znow powtarza./.. Toże alternatywa tego kodu na onmouseover?
piotrex41
Ja bym to chyba dał jakoś tak: smile.gif
Kod
<script type="text/javascript">
$(document).ready(function(){
    $('#zoom1').hover(function(){
        $(this).find('img').stop().animate({"height": 260}, 200);
    }, function(){
        $(this).find('img').stop().animate({"height": 236}, 500);
    });
});
</script>
shpaque
świetnie! o to chodziło 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.