jQuery Bounce Auswirkungen auf Klick keine jQuery UI

7

Ich kann keine Lösung für eine Animation finden, um einen Div-Bounce zu erzeugen, indem ich nur jQuery-Animationen verwende. So etwas funktioniert nicht:

%Vor%

Ich würde es vorziehen, keine jQuery UI oder irgendein externes Plugin zu verwenden, wie das Beschleunigen. Ein Wobble-Effekt wäre in meinem Fall genauso gut, also werden beide tun.

Hier ist ein Beispiel , jede Hilfe wäre sehr willkommen! Vielen Dank im Voraus

    
jacktheripper 28.04.2012, 12:55
quelle

4 Antworten

18

Sie könnten einfach einige animate Aufrufe an das Element wie folgt ketten:

%Vor%

Arbeitsbeispiel: Ссылка

    
Will Demaine 28.04.2012, 13:14
quelle
4

Verwenden Sie diese Funktion für gedämpfte Bounces. Geben Sie dem Springelement eine eindeutige Klasse, wenn Sie den Code ohne Änderungen verwenden.

%Vor% %Vor% %Vor%
    
christian 02.09.2015 11:16
quelle
0

Für einen vertikalen Bounce können Sie etwas wie folgt ausprobieren:

%Vor%     
istern 31.12.2012 16:55
quelle
0

Normalerweise verwende ich jQuery animate. Für Ihre spezifische Frage könnte es so aussehen:

Das HTML:

%Vor%

Das CSS:

%Vor%

Und schließlich, die jQuery:

%Vor%

Und hier ist eine funktionierende Geige: Ссылка

    
Mohamed Elgharabawy 01.09.2014 09:53
quelle