Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][JAVA] Efekt "hover", jak zrobić żeby nie wykonywał się stale...
shpaque
post
Post #1





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


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...
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Użyj http://api.jquery.com/stop/
Go to the top of the page
+Quote Post
shpaque
post
Post #3





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


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?
Go to the top of the page
+Quote Post
piotrex41
post
Post #4





Grupa: Zarejestrowani
Postów: 168
Pomógł: 26
Dołączył: 15.09.2011
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Ja bym to chyba dał jakoś tak: (IMG:style_emoticons/default/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>
Go to the top of the page
+Quote Post
shpaque
post
Post #5





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


świetnie! o to chodziło dzięki! :]
Go to the top of the page
+Quote Post

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: 2.10.2025 - 08:05