Auswirkungen von jQuery Cycle

January 1

Auswirkungen von jQuery Cycle

Das jQuery Cycle Plugin ermöglicht Entwicklern, Diashows für Webseiten zu erstellen, in dem jedes Element in die nächste übergeht. Webseiten können eine Vielzahl von Übergangseffekten für diesen Prozess. Das Cycle-Plugin beinhaltet viele Effekt-Optionen können Entwickler aus, einschließlich verblassen, schieben, Zoomen und mischen.

Blind und decken

Die blinde Effekte in das jQuery Cycle Plugin Gehören BlindX, blindY und BlindZ. Der BlindX-Effekt umfasst der Tagesordnung rutschen die x-Achse "" als die gegenwärtigen Element Dias heraus. BlindY Effekt ist das gleiche, aber entlang der "y-Achse", und BlindZ schafft den Effekt diagonal. Cover wirkt ähnlich wie die Blind-Effekt, mit jedem Element verschwindet vor der nächsten Folien.

Schnecke und Zug

Der Scroll-Effekt umfasst das aktuelle Element aus der Sicht als nächsten Element Folien, keine leeren Leerzeichen dazwischen schieben. Dieser Effekt-Optionen ermöglichen es Entwicklern, welche Richtung oder Achse die Elemente ein-, und führen Sie einen Bildlauf zu wählen inklusive, oben, unten, Links, rechts, Horizontal und vertikal. Wiederum wirkt ähnlich wie scrollen, mit einem Element entlang einer bestimmten Achse quetschen, bis es verschwindet, um Platz für den nächsten zu machen.

Folie

Folie Wirkungen gehören SlideX und slideY. Der Effekt beinhaltet ein Element verschieben nicht sichtbar in die gleiche Richtung wie das Element verschieben. Beispielsweise mit SlideX, das aktuelle Element nach links rutscht und gleitet der Tagesordnung auch auf von Links. Mit funktioniert slideY, die Wirkung gleich Weg, aber mit Elementen, die ein-und vom oberen Rand der Webseite Element verschieben.

Wachsen

Die Optionen GrowX und GrowY arbeiten durch den Anbau ein Element von einer feinen Linie in voller Größe im Laufe des Effekts. Beispielsweise wird mit GrowX, ein Element oben auf den anderen, als vertikale Linie ab und wächst entlang der "x-Achse" bis das vorherige Element völlig verdeckt ist. Die GrowY Wirkung tut das gleiche, aber mit dem Element wächst allmählich entlang der "Y"-Achse, beginnend mit einer horizontalen Linie über der Mitte des aktuellen Elements.

Andere

Das jQuery Cycle Plugin bietet eine Reihe von zusätzlichen Effekte für Diashow-Übergänge. Der Vorhang-Effekt beinhaltet ein Element in einer Achse schrumpfen, wächst die nächste auf der gleichen Achse. Der Fade-Effekt wird einfach ein Bild ausgeblendet, offenbaren, während die FadeZoom Wirkung ein Bild verblasst, während es von einem zentralen Punkt zu voller Größe wächst. Der Wurf-Effekt ist eine der ungewöhnlicheren Optionen, mit dem aktuellen Bild wird "geworfen" nicht zu sehen, die nächste zu offenbaren.