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



Seneste artiklerRSS
14:00
13:40
13:06
12:55
12:04
11:04
10:30
10:17

 


Premium
Tung Atea-dominans på hardware-markedet helt ok, mener SKI: "Hvis en virksomhed vokser sig stor, er det typisk også fordi, den gør et eller andet rigtigt. Der er ikke noget i vejen med at være dominerende"
Der er glimrende konkurrence på markedet for det offentliges hardware-indkøb, selv om Atea lander de fleste ordrer, mener SKI. "Det er min opfattelse, at der er en glimrende og benhård konkurrence på hardwaremarkedet. Det er ikke nemt at være aktør på det marked," siger udbudsdirektør i SKI, Christian Lunding.
Computerworld
Få mere fra hånden med det nye Gmail: Her er de første billeder af Googles nye mail-satsning
Google vil gøre Gmail enklere og mere produktiv i de kommende uger. Se hvordan det nye Gmail tager sig ud her.
CIO
Allersidste opdatering på vej: Om en uge er det slut med stor-version af Windows 10 - skynd dig at opdatere
Om en uge er det slut for altid med den første store udgave af Windows 10, som Microsoft efter 29 måneder ikke længere vil supportere.
Job & Karriere
Klassiske brokere af it-konsulenter står over for kæmpe udfordring - forretningsmodellen er under pres
Klumme: Eksterne konsulenter er populære og en god løsning i en branche i vækst. Men selve forretningsmodellen bag it-konsulenterne er under alvorligt pres.
White paper
Står din infrastruktur i vejen for virksomhedens udvikling? … her er de 10 vigtigste overvejelser
Oplever du, at din virksomheds it-infrastruktur er en stopklods for udviklingen af forretningen, digitalisering og konkurrencekraft? Måske er svaret hyperkonvergeret infrastruktur, hvor software og hardware smelter sammen i én konkurrencedygtig enhed, som er nem at administrere. Men der er 10 meget vigtige overvejelser at gøre sig, før man vælger en løsning. Læs dette whitepaper fra Lenovo og bliv klædt bedre på til at vælge rigtigt. 10 Key Considerations for Selecting Hyper-Converged Infrastructure - What to Know Before You Choose a Solution, Lenovo, 18 sider på engelsk.