Drukowana wersja tematu

Napisany przez: ShadowD 17.02.2010, 21:05:09

Witam, mam kod:

[HTML] pobierz, plaintext 
 
    var marginTop=0
    var wysokosc=350
 
    $('#sNcB').hover(function ()
    {
        if(-1*marginTop<wysokosc)
        {
            marginTop=marginTop-10
 
            $('#scrolSklepyS').css('margin-top',marginTop+'px')
        }
    })
 
    $('#sNcU').hover(function ()
    {
        if(marginTop<0)
        {
            marginTop=marginTop+10
 
            $('#scrolSklepyS').css('margin-top',marginTop+'px')
        }
    })
 
[HTML] pobierz, plaintext 

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...

Napisany przez: erix 17.02.2010, 21:08:38

animate()

Napisany przez: lord_t 17.02.2010, 21:11:23

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

OFFtopic: erix ugryzę Cię

Napisany przez: ShadowD 17.02.2010, 21:15:58

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.

Napisany przez: lord_t 17.02.2010, 21:27:19

Looknij jak tu zmienia się wartość left (kod z dokum. jq.):

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

Napisany przez: ShadowD 18.02.2010, 01:22:28

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:

[HTML] pobierz, plaintext 
function loadScrol()
{
    var ilosc=0
    var max=6
 
    $('#sNcB').click(function ()
    {
        if(ilosc<max)
        {
            $('#scrolSklepyS').animate(
            {
                top: '-=172'
            }, 1000, function(){});
 
            ilosc++
        }
    })
 
    $('#sNcU').click(function ()
    {
        if(ilosc>0)
        {
            $('#scrolSklepyS').animate(
            {
                top: '+=172'
            }, 1000, function(){});
 
            ilosc--
        }
    })
}
[HTML] pobierz, plaintext