10 sehr attraktive jQuery -Widgets

10 Praktische und schöne JQuery -Widgets und Plugins mit unterschiedlichen Funktionen. Dieser Artikel sammelt 10 sehr attraktive JQuery -Widgets, behandelt die Smart Picture Gallery, Textverstärker, Sticky Notes, Picture Tween Animations und mehr. Verwandte Blog -Beiträge: - 10 JQuery Widgets - 10 erstaunliche jQuery Widgets

1. jQuery Masonry

Ein Layout -Plugin für JQuery. Stellen Sie sich das als Gegenteil von CSS vor. Float arrangiert die Elemente horizontal und dann vertikal, während das Mauerwerk die Elemente vertikal und horizontal gemäß dem Netz arrangiert. Quelle 2. Sponsoren mit JQuery und CSS umdrehen die Wand

Ein attraktives Plug-In zum Anzeigen von Daten in Gitterform. Das Miniaturbild im Raster wird nach dem Klicken umgedreht und zeigt weitere Informationen an.

Quelle 3. Verwenden Sie JQuery, um die Seite

zu verlassen es wird das Element auswählen und es (nicht buchstäblich) in zufälliger oder vordefinierter Richtung aus der Seite fliegen lassen. Zu den anpassbaren Optionen gehören Dauer (Animationsdauer), Orientierung, Tween -Animation (erweiterte Animation) und reservierter Raum, mit dem Sie den Raum, der ein angegebenes Element nach dem Einsatz eines einzigen Elements, behalten, ignorieren oder verblassen kann.

Quelle 4. JQuery SpryMap

Ein superleichter, abhängig-freier JavaScript-Widget, das ein beliebiges HTML-Element in ein Klick- und Ziehenfenster ähnlich wie Google Maps verwandelt.

Quelle 5. Sliderman JS

Eine eigenständige JavaScript -Bibliothek für Gleitbilder. Das Hauptmerkmal von Sliderman.js ist eine Vielzahl von einzigartigen Spezialeffekten, die zusammen verwendet werden können.

Quelle 6. Topup JQuery Plugin

Topup bietet die folgenden Vorteile: & GT;

Ein winziger und einfach zu verwendender nicht-invasiver Element-Hintergrundwechsler, der Ihre DOM sauber und reibungslose Übergänge hält.

Quelle 8. AJAX-fähige Note mit PHP und JQuery

Ein Notizmanagementsystem, das AJAX unterstützt. Es ermöglicht den Besuchern, Sticky Notes mit Live -Vorschau zu erstellen und sie überall auf dem Bildschirm zu bewegen.

Quelle 9. Farbige Schieberegler verwenden JQuery und CSS3

In diesem Tutorial verwenden wir die neuen Transformationsfunktionen, die von JQuery und CSS3 mitgebracht wurden, um einen dynamischen 3D -Slider -Effekt zu erstellen.Die hier vorgestellte Technik - zum Erstellen von dynamischen resizierbaren Balkendiagrammen von Schiebereglern und CSS, die zusammen oder teilweise verwendet werden können, um verschiedene JQuery -Funktionen zu verbessern. Quelle 10. JQuery PanelGallery

Ein kostenloses JQuery -Plugin, das unter der Lizenz für Creative Commons zuzuordnen 2.5 verteilt ist, was bedeutet, dass Sie es frei verwenden können, es für jeden Zweck zu verwenden. FAQs für Quellen für die Verbesserung des Webdesigns mit 10 attraktiven JQuery -Widgets und Plugins

Was ist ein JQuery -Widget?

jQuery -Widgets sind wiederverwendbare UI -Komponenten, die leicht in Ihre Webanwendungen integriert werden können. Sie werden mit der Jquery UI -Bibliothek erstellt, eine Reihe von Interaktionen, Effekten, Widgets und Themen der Benutzeroberfläche, die auf der Jquery JavaScript -Bibliothek basieren. Diese Widgets können Ihre Website verbessern, indem Sie Schieberegler, Datumspicker, Akkordeon und erweiterte Funktionen hinzufügen. Sie sind sehr anpassbar und können so ausgelegt sein, dass sie dem Aussehen und Stil Ihrer Website entspricht.

Wie kann ich JQuery Widget verwenden?

Um das JQuery -Widget zu verwenden, müssen Sie zunächst die Jquery UI -Bibliothek in Ihr Projekt aufnehmen. Dies kann durch das Herunterladen der Bibliothek von der offiziellen JQuery UI -Website oder von der CDN heruntergeladen werden. Sobald die Bibliothek enthalten ist, können Sie das Widget initialisieren, indem Sie Elemente mit JQuery auswählen und die Funktionen des Widgets aufrufen. Um beispielsweise ein DatePicker -Widget zu erstellen, können Sie ein Eingabelement auswählen und die DatePicker -Funktion wie folgt aufrufen:

$ ("#DatePicker") .DatePicker ();

Kann ich JQuery -Widgets anpassen?

Ja, das JQuery -Widget ist sehr anpassbar. Sie können sein Erscheinungsbild ändern, indem Sie seine CSS -Eigenschaften ändern oder das von der Jquery -Benutzeroberfläche bereitgestellte Themenoller -Tool verwenden. Sie können sein Verhalten auch ändern, indem Sie nach der Initialisierung Optionen für die Initialisierung oder Aufrufen von Methoden aufrufen.

Reaktion JQuery Widget?

jQuery -Widgets reagieren standardmäßig nicht. Es kann jedoch mit einer zusätzlichen Codierung reagiert werden. Dies beinhaltet normalerweise die Verwendung von CSS -Medienabfragen zur Größe und Layout der Widgets basierend auf der Bildschirmgröße.

Kann ich JQuery -Widgets mit anderen JavaScript -Bibliotheken verwenden?

Ja, das JQuery -Widget kann mit anderen JavaScript -Bibliotheken verwendet werden. Sie müssen jedoch vorsichtig sein, um Konflikte zwischen Bibliotheken zu vermeiden. JQuery bietet eine Noconflict -Funktion, mit der Konflikte mit anderen Bibliotheken vermieden werden können, die das $ -Symbol verwenden.

Was sind einige beliebte jQuery -Widgets?

Einige beliebte JQuery -Widgets umfassen Datumspicker, Akkordeon, Dialogfelder, Schieberegler, Registerkarten und automatische Vervollständigungs -Widgets. Diese Widgets bieten erweiterte UI -Funktionen, die Webanwendungen verbessern.

Muss ich JavaScript kennen, um JQuery -Widgets zu verwenden?

Während Sie JQuery -Widgets verwenden können, ohne JavaScript zu verstehen, können Sie ein grundlegendes Verständnis von JavaScript haben, um sie effektiver zu verwenden. Dies liegt daran, dass JQuery -Widgets mit JavaScript erstellt werden und das Verständnis von JavaScript Ihnen dabei helfen kann, sie anzupassen und alle Probleme zu lösen.

Ist JQuery -Widget zugänglich?

jQuery-Widgets sind so konzipiert, dass sie zugänglich sind und die WAI-Aria-Barrierefreiheitstandards befolgen. Dies bedeutet, dass Menschen mit Behinderungen sie verwenden und assistive Technologien wie Bildschirmleser zum Navigieren verwenden können.

Kann ich mein eigenes JQuery -Widget erstellen?

Ja, JQuery UI bietet eine Widget -Fabrik, mit der Sie Ihre eigenen benutzerdefinierten Widgets erstellen können. Dies beinhaltet das Definieren eines neuen Widgets mit eigenen Methoden und Optionen und initialisieren Sie es dann wie jedes andere JQuery -Widget.

Ist das JQuery -Widget mit allen Browsern kompatibel?

jQuery -Widget ist mit allen modernen Browsern kompatibel, einschließlich Chrom, Firefox, Safari und Edge. Sie haben auch nur begrenzte Unterstützung für den Internet Explorer 9 und später. Einige Funktionen funktionieren jedoch möglicherweise nicht in älteren Browsern oder Browsern, die JavaScript nicht unterstützen.

Die Ausgabe beibehält die ursprünglichen Bild -URLs und -formate.

Das obige ist der detaillierte Inhalt von10 sehr attraktive jQuery -Widgets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!