So führen Sie jQuery Transformationen für CSS3 Seiten

Es ist möglich, jQuery verwenden Transformationen durchzuführen und diese Transformationen sind oft leistungsstärker, noch einfacher zu bedienen, als die nativen CSS3-Transformationen. Um jedoch diese Funktionalität zu erhalten, müssen Sie herunterladen jQuery-Plug-in - eine besondere Art von Bibliothek, die die native jQuery Funktionalität erweitert.

Die besten Plug-in um die Aufgabe auszuführen ist jquery.transform.js. Sie können auf diese Seite gehen und die Transformationen demonstriert sehen.

Die Host-Seite enthält keinen Link für das Plug-In herunterzuladen, leider. Um eine Kopie dieses Plug-in zu erhalten, gehen Sie zu Down-Scripts und klicken Sie hier, um das Click Link zum Download. Sie erhalten eine ZIP-Datei eine Reihe von Dateien, einschließlich der jquery.transform.js Datei enthält, die Sie in Ihrem Anwendungsverzeichnis kopieren.

Um Zugang zu diesem Plug-in gewinnen, fügen Sie die folgende

Dieses Plug-in Verwendung funktioniert ähnlich wie jede andere Funktionsaufruf jQuery. Dieses Beispiel beruht auf einer

dass enthält ein

mit dem gewünschten Inhalt. In diesem Fall dreht sich das Beispiel einfach den Inhalt, aber Sie haben Zugriff auf alle üblichen CSS-Transformationen. Der interessante Teil ist die Einfachheit des Skripts verwendet, um die Aufgabe zu erfüllen.

Dieses Skript sagt einfach ein Standard-CSS-Transformation auszuführen, um die TransformMe rotierenden

45 Grad. Neben statischen Transformationen dieses Plug-in bietet auch animierte Transformationen die belebter () Funktion mit einer Zeitfunktion, die, wie lange definiert die Animation auszuführen.

Es ist auch recht einfach Transformationen zu kombinieren verschiedene Spezialeffekte zu erstellen. Stellen Sie sicher, dass Sie die Beispiele in der Testordner der heruntergeladenen Plug-in versuchen, das gesamte Spektrum der Effekte zu sehen, dass dieses Plug-in zur Verfügung stellt.

Ähnliche

Menü