Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][JQUERY]Przewijane okienko
ShadowD
post 17.02.2010, 21:05:09
Post #1





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Witam, mam kod:

  1.  
  2. var marginTop=0
  3. var wysokosc=350
  4.  
  5. $('#sNcB').hover(function ()
  6. {
  7. if(-1*marginTop<wysokosc)
  8. {
  9. marginTop=marginTop-10
  10.  
  11. $('#scrolSklepyS').css('margin-top',marginTop+'px')
  12. }
  13. })
  14.  
  15. $('#sNcU').hover(function ()
  16. {
  17. if(marginTop<0)
  18. {
  19. marginTop=marginTop+10
  20.  
  21. $('#scrolSklepyS').css('margin-top',marginTop+'px')
  22. }
  23. })
  24.  


Istnieją dwa przyciski, po najechaniu na jeden div przesuwa się do góry a na drugi do dołu. Jednak by to działało muszę cały czas machać kursorem i nie wiem co mógł bym zrobić by to zapętlić z np przestojem przez pół sekundy przed każdym ruchem?

Nie szukam gotowca, a jedynie sposobu... winksmiley.jpg


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
erix
post 17.02.2010, 21:08:38
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




animate() winksmiley.jpg


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
lord_t
post 17.02.2010, 21:11:23
Post #3





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

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


Wewnątrz hover użyj .animate(..).

OFFtopic: erix ugryzę Ciębiggrin.gif

Ten post edytował lord_t 17.02.2010, 21:12:08


--------------------
Go to the top of the page
+Quote Post
ShadowD
post 17.02.2010, 21:15:58
Post #4





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


OK, tym można by zastąpić mój kod, ale niestety nie znalazłem tam odpowiedzi na pytanie czy też na coś w stylu:
Wykonuj się ciągle, aż ktoś zjedzie myszką z danego obszaru.

A funkcja fajna, na pewno na przyszłość się przyda. winksmiley.jpg


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
lord_t
post 17.02.2010, 21:27:19
Post #5





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

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


Looknij jak tu zmienia się wartość left (kod z dokum. jq.):
Kod
$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
    // Animation complete.
  });
});


i pomyśl nad użyciem stop().



--------------------
Go to the top of the page
+Quote Post
ShadowD
post 18.02.2010, 01:22:28
Post #6





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


A więc, miałem nadzieję zrobić coś w stylu - jeśli myszka jest nad przyciskiem przewija się, po zjechaniu zatrzymuje np w środku obrazka, ale skoro nie wiedziałem jak coś takiego wykombinować napisałem coś skokowego idąc za waszymi radami i w sumie jest chyba nawet lepiej. Dzięki

Kod dla reszty świata:
  1. function loadScrol()
  2. {
  3. var ilosc=0
  4. var max=6
  5.  
  6. $('#sNcB').click(function ()
  7. {
  8. if(ilosc<max)
  9. {
  10. $('#scrolSklepyS').animate(
  11. {
  12. top: '-=172'
  13. }, 1000, function(){});
  14.  
  15. ilosc++
  16. }
  17. })
  18.  
  19. $('#sNcU').click(function ()
  20. {
  21. if(ilosc>0)
  22. {
  23. $('#scrolSklepyS').animate(
  24. {
  25. top: '+=172'
  26. }, 1000, function(){});
  27.  
  28. ilosc--
  29. }
  30. })
  31. }


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 17.05.2024 - 07:42