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!