6

Webseitenelemente gleiten lassenund dimmen

In diesem Kapitel

image Elemente hoch- und runtergleiten lassen

image Die Geschwindigkeit anpassen

image Elemente ein- und ausdimmen

image Elemente durchsichtig machen

 

Zwei Effekte, die sich mit jQuery leicht erreichen lassen, sind das Dimmen und Gleiten von Elementen. Wird ein Element gedimmt, ändert es seine Darstellung von komplett opak (undurchlässig) nach halbtransparent oder vollständig durchsichtig. Gleitet ein Element, erscheint es langsam auf der Seite, wobei es von oben herunter- oder von unten hereingleitet.

In diesem Kapitel erfahren Sie, wie Sie Elemente gleiten lassen oder dimmen können und wie diese Effekte benutzt werden. Sie sehen auch, wie Sie eine Callback-Funktion verwenden, bei der Code ausgeführt wird, nachdem der Effekt abgeschlossen ist.

Elemente mit jQuery gleiten lassen

Der Gleit- oder Sliding -Effekt sorgt dafür, dass ein Element von oben oder unten an seinen Platz gleitet. Auf der Seite verschiebt sich nichts – außer dem Element, das sichtbar wird.

Sowohl das Herunter- als auch das Heraufgleiten ist beeindruckender, wenn Sie es mit ...

Get jQuery für Dummies now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.