RasmusTheR Seniormester
17. juli 2017 - 12:11 Der er 1 løsning

stop animationskøen

Jeg har lavet en animation af et div element, med mouseenter/leave. Hvordan får jeg den til kun at køre animationen én gang. Hvis jeg kører musen henover imens animationen kører, bliver der lavet en kø af animationer, som efterfølgende bliver afviklet. hvordan stopper jeg det? Havde håbet jeg kunne bruge stop()...

$("#link_front_periode").stop().mouseenter(function(){
    $( "#link_front_periode_pic" ).animate({
            top: '-=13px',
                left: '-=26px',
                height: '+=26px',
                width: '+=52px'
    });
    $( "#link_front_periode_pic" ).animate({
                top: '+=3px',
                left: '+=6px',
                height: '-=6px',
                width: '-=12px'
      });
          $("#link_front_periode2").css({ 'text-shadow': '0 0 0.4em #d6770b'});
    });

    $("#link_front_periode").stop().mouseleave(function(){
        $( "#link_front_periode_pic" ).animate({
                top: '+=10px',
                left: '+=20px',
                height: '-=20px',
                width: '-=40px'
            });
        $("#link_front_periode2").css({ 'text-shadow': 'none'});
    });
Slater Ekspert
17. juli 2017 - 18:17 #1
stop() skal før animate()

Du ønsker at køre det før animationen, ikke kun én gang når elementet først læses.
Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links

Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester





Computerworld
De 30 største danske it-virksomheder: Her er antallet af ansatte - og hvor mange penge, der bruges på løn
Top 100: Computerworld har nærstuderet årsregnskaberne fra 499 danske it- og televirksomheder og kan her bringe listen med de 30 største arbejdspladser. Se antallet af ansatte og få et indblik i, hvor mange penge virksomhederne bruger på løn til medarbejderne.
CIO
Du risikerer at blive hægtet helt af, hvis ikke dit netværk bliver fremtidssikret - og det haster
Klumme: Hver dag går mere 168,1 petabyte gennem netværket hos AT&T, hvilket svarer til 130 millioner timers video i HD. Det viser, hvor store krav der i dag stilles til en virksomheds netværk. Er du klar til det?
Comon
Oversigt: Her er de bedste Android-smartphones der kan købes i Danmark
Det vrimler med spændende Android-smartphones på markedet. Vi har samlet en oversigt over de bedste Android-telefoner, du kan købe herhjemme netop nu.
Job & Karriere
Se listen: Disse it-folk bliver ansat på stedet - cheferne skriger efter helt bestemte it-kompetencer
Der er en markant mangel på it-folk med helt bestemte kompetencer samtidig med, at it-cheferne er i gang med at øge bemandingen i it-organisationerne. Se listen med de mest efterspurgte it-kompetencer netop nu.
White paper
Mobility - her er de aktuelle udfordringer
Hvad med sikkerheden? Mobility-bølgen fejer igennem danske virksomheder, og der er masser af muligheder og faldgruber. Sikkerheden halter, men det kan der gøres noget ved. Produceret af Computerworld.dk i oktober 2014.