10 JQuery -Plugins, um bei reaktionsschnellen Layouts zu helfen

In diesem Artikel werden zehn JQuery -Plugins untersucht, die das reaktionsschnelle Webdesign vereinfachen und sich auf die Optimierung von Elementen wie Navigation, Formularen, Bildern und Karussells über grundlegende Medienanpassungen konzentrieren.

1. Heads-up-Raster: Ein reaktionsschnelles Overlay-Raster mit HTML, CSS und JavaScript, das eine einfache Anpassung an reaktionsschnelle Designanforderungen ermöglicht.

Quell -Demo

2. fitvids.js: Ein leichtes JQuery -Plugin für reaktionsschnelle Video -Einbettungen, die die Video -Implementierung der Flüssigkeitsbreite mithilfe der Intrinsic -Verhältnis -Methode automatisieren.

Quell -Demo

3. adaptivemedia: ein kompakt (unter 3 KB), HTML5- und IE6 -kompatibler Lösung, die nur eine CSS -Datei für alle Bildschirmgrößen erfordern, wodurch die Notwendigkeit von weniger oder CSS3 -Medienabfragen beseitigt wird.

Quell -Demo

4. rlightbox: a JQuery UI Mediabox mit verschiedenen Inhaltstypen (Bilder, YouTube/Vimeo-Videos) mit Panorama und Live-Umfang sowie der Kompatibilität des Themenollers.
.

Quell -Demo

5. Elastislid:
Ein reaktionsschnelles jQuery -Karussell, das seine Größe und sein Verhalten an eine beliebige Bildschirmgröße anpasst.

Quell -Demo

6. Reaktionsfreudige Bildergalerie mit Miniaturkarousel:
Verwenden von Elastislid, dieses Beispiel zeigt eine Responsive Gallery mit einem View Switch für Miniaturansichten und Tastaturnavigation.

Quell -Demo

7. nahtlos reaktionsschnell Foto Grid:
Behält die Bildübersichtsverhältnisse über verschiedene Bildschirmgrößen hinweg.

Quell -Demo

8. reaktionsschnell jQuery Diashow:
Erstellt eine flüssige JQuery -Diashow, die reaktionswichtig ist.

Quell -Demo

9. wMuslider: ein rohes, mit MIT lizenziertes Schieberegler (Verwendung mit Vorsicht verwenden).

Quell -Demo

10. Doubletake: Ein Proof-of-Concept-Plugin, das Bildquellen dynamisch aktualisiert, basierend auf der Browserbreite mit definierten Haltepunkten.

Quell -Demo

Diese kuratierte Liste enthält verschiedene Lösungen für die Erreichung reaktionsschneller Layouts und für verschiedene Designbedürfnisse und Komplexität. Denken Sie daran, immer gründlich über verschiedene Browser zu testen.

Das obige ist der detaillierte Inhalt von10 JQuery -Plugins, um bei reaktionsschnellen Layouts zu helfen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!