www.PHP-Kurs.com

PHP lernen für Einsteiger
und Fortgeschrittene

PHP-Tutorial mit Videos

Sie befinden sich: Startseite » Web-App mit Datenbankanbindung » Animierter Seitenübergang beim Seitenaufruf

Animierter Seitenübergang beim Seitenaufruf

Um eine Animation beim Seitenaufruf für den Besucher anzuzeigen, muss der aufrufende Link mit dem entsprechenden Attribut versehen werden.

<a href="#link" data-transition="slide">animierter Übergang</a>

Diese Animationen sollten auf einem mobilen Gerät angesehen werden.

Zur Auswahl gibt es:

fade
Überblendung auf die nächste Seite. Dies ist die Standardeinstellung

flip
Blättert zur nächsten Seite (von hinten nach vorne)

flow
Der Übergang von der aktuellen zur aufgerufenen Seite wird in einer fließenden Bewegung animiert

pop
Erscheint wie ein Popup-Fenster

slide
Übergang anhang eines Rutschens von rechts nach links

slidefade
Slide und einblenden von rechts nach links

slideup
von unten nach oben die neue Seite hochziehen

slidedown
von oben nach unten die neue Seite hochziehen

turn
dreht zur nächsten Seite

none
Kein Übergangseffekt

Die Animationen können auf Seitenaufrufe wie auch auf Dialogaufrufe angewendet werden.

Um eine Animation beim zurück gehen zu erhalten kann das Attribut data-direction="reverse" eingefügt werden.

<a href="#seitezwei" data-transition="slide" data-direction="reverse">animierter 
Seitenübergang</a>

Wenn Sie einen Fehler finden, bitte mitteilen (egal ob Schreibfehler oder inhaltlicher Fehler).

Mit Maus fehlerhafte Stelle markieren und übernehmen mit folgendem Button:



(kann angegeben werden)

Nach Absenden kommt hier Feedback! Bitte nicht doppelt absenden. Danke.

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Fehler melden

Vielen Dank für Ihre Hilfe