Heim  >  Artikel  >  Web-Frontend  >  50 jQuery-Plugins, um Ihre Website auf eine andere Ebene zu bringen_jquery

50 jQuery-Plugins, um Ihre Website auf eine andere Ebene zu bringen_jquery

WBOY
WBOYOriginal
2016-05-16 15:03:421197Durchsuche

Die Weblandschaft verändert sich ständig und ihre Grenzen ändern sich jeden Tag (nicht einmal stündlich), wobei mit der Erweiterung ihrer Grenzen viele neue Entwicklungen vorgenommen werden. Vor dem Hintergrund dieser Fortschritte arbeiten Entwickler weiterhin daran, größere und bessere Skripte zu erstellen, bei denen es sich um Plug-ins für ein besseres Endbenutzererlebnis handelt, die schlanker sind und über mehr Rechenleistung als ihre ursprünglichen Gegenstücke verfügen.

Der Schlüssel liegt darin, dass diese neu entwickelten Skripte und Plug-Ins ein reaktionsfähiges Web erstellen können, ohne ihre ursprünglichen Funktionsmerkmale zu verlieren – sie sind nicht nur besser und leichter (in Bezug auf die Dateigröße), sondern erhöhen auch nicht die Ladezeit der Seite .

Es ist einfach, die Syntax von JQuery zu beherrschen, indem man die Dokumentation durchblättert. Es kann die Auswahl von DOM-Elementen, die Erstellung von Animationen, die Verarbeitung von Ereignissen und die Entwicklung von Ajax-Anwendungen unterstützen und bietet Entwicklern sogar die Möglichkeit, Plug-Ins basierend auf JavaScript-Klassenbibliotheken zu erstellen.

Entwickler der jQuery-Architektur können einen Plugin-Code erstellen, um deren Funktionalität zu erweitern. Das Ergebnis sind einige der besten Plugins, mit denen Sie Ihre Website oder ein bestimmtes Projekt auf ein ganz neues Niveau heben können.

In diesem Artikel haben wir einige der besten JQuery-Plug-Ins für Sie zusammengestellt. Diese Plug-Ins bieten verschiedene Funktionen und Features, um Ihren Webseiten viele erdenkliche Effekte zu verleihen. Wir hoffen, dass Sie in der folgenden Liste das Plugin finden, nach dem Sie suchen.

Teilen Sie uns im Kommentarbereich unten mit, welche Plugins Sie bereits verwendet haben oder welche Plugins Sie in zukünftigen Projekten oder Websites verwenden möchten.

1. FlickerPlate

Flickerplate ist ein benutzerfreundliches jQuery-Plugin, mit dem Sie Inhalte anzeigen können. Es basiert außerdem auf Modernizr zur Berührungserkennung und verwendet die jQuery.Finger-Bibliothek für Berührungsereignisse. Flickerplate kann auf viele Arten konfiguriert werden. Sie können Optionen über Javascript-Aufrufe festlegen. Oder Sie können die Optionen über das Datenattribut am tatsächlichen Element festlegen.

2. JS markieren

TaggingJS ist ein jQuery-Plugin zum Erstellen hochgradig anpassbarer Front-End-Tagging-Systeme. Es ist weniger als 3 KB groß und unterstützt die meisten Browser der Welt. Es basiert auf der MIT-Lizenz.

3. Scroll-Magie

ScrollMagic ist ein jQuery-Plug-in für magische Scroll-Interaktion. ScrollMagic ermöglicht die Verwendung von Bildlaufleisten wie Fortschrittsbalken. Wenn Sie eine Animation an einer bestimmten Bildlaufposition starten, die Animation mit der Bewegung der Bildlaufleiste synchron halten und ein Element an der angegebenen Bildlaufposition fixieren möchten (Sticky-Element), ist dies das Plugin für Sie.

32. jPages: JavaScript-gestützte Paginierung

jPages ist ein clientseitiges Paging-Skript (ein jQuery-Plug-in) mit Funktionen wie Tastatur- und Bildlaufnavigation, automatischem Seitenwechsel, verzögerter Anzeige und einem anpassbaren Navigationsfeld. Auf derselben Seite können beliebig viele Seiten mit Paginierungselementen eingefügt und einfach positioniert werden.

5. PNotify

PNotify ist ein von SciActive entwickeltes JavaScript-Benachrichtigungs-Plug-in, früher bekannt als Pines Notify. Sein Designkonzept besteht darin, eine äußerst flexible und dennoch sehr einfach zu implementierende und zu verwendende Lösung bereitzustellen. Es bietet nicht blockierende Benachrichtigungen. Ermöglicht dem Benutzer, auf das Element hinter der Benachrichtigung zu klicken, ohne diese zu schließen. PNotify verwendet Bootstrap und die jQuery-Benutzeroberfläche, um Stile zu definieren, was bedeutet, dass es einfach mit einem Thema angepasst werden kann.

6. Ganz

Wholly ist ein jQuery-Plug-in, das zum Auslösen von Mouseenter- und Mouseleave-Ereignissen für Tabellenspalten verwendet wird. Whole wird zum Hervorheben der gesamten Tabellenspalte verwendet und unterstützt die Colspan- und Rowspan-Eigenschaften der Tabelle. Wenn Sie die Attribute colspan und rowspan unterstützen möchten, müssen Sie zunächst den Tabellenzellenindex (Zellenindex) erstellen. Danach müssen Sie die Ereignisse aller Zellen in der Tabelle verfolgen, diejenigen finden, die Sie interessieren, und deren Offsets in der Matrix und den Spalten berechnen, die denselben vertikalen Index haben. Bei Wholely gibt es keine Einschränkungen beim Festlegen bestimmter Stile.

7. MixitUp

MixItUp ist ein jQuery-Plugin, das animiertes Filtern und Sortieren ermöglicht. Es eignet sich hervorragend zum Verwalten von Inhalten und Blogs, die leicht kategorisiert oder wie Ordner organisiert werden können, kann aber auch als leistungsstarkes Tool für attraktive Anwendungsoberflächen und Datenvisualisierungen dienen.

8. Velocity.js

Velocity ist ein jQuery-Plug-in, das $.animate() neu implementiert und neue Funktionen zur Verbesserung des Animationsprozesses enthält (wodurch Velocity auch schneller ist als die CSS-Animationsbibliothek), die zum Generieren verwendet wird Leistungsbemerkenswerte Animationen.

9. rowGrid

rowGrid.js ist ein kleines, leichtes (ca. 700 Bit nach gzip) jQuery-Plugin zum Platzieren von Bildern (oder anderen Inhaltselementen) in geraden Zeilen. Das Raster ähnelt dem Raster für Google Bildersuche, Flickr, Shutterstock und Google+ Bilder. rowGrid.js reagiert, sodass Benutzer unbegrenzt scrollen können. Alle Inhaltselemente haben die gleiche Höhe, die Breite ist jedoch variabel.

10. Croppic

Croppic ist ein JQuery-Plug-In zum Zuschneiden von Bildern. Es kann mehr Funktionen bieten, als Ihren Anforderungen entspricht. Laden Sie einfach ein Bild hoch und schneiden Sie es dann nach Ihren Wünschen zu. Um ordnungsgemäß zu funktionieren, sind IE 10+, Chrome und Firefox erforderlich. Da FormData verwendet wird, werden IE9 und frühere Versionen derzeit nicht unterstützt.

11. ImageLightbox.js

ImageLightbox.js ist ein unglaublich einfaches, reaktionsschnelles und berührungsfreundliches Lightbox-Effektskript. Es ist erweiterbar, konfigurierbar, minimalistisch (bis zu 4 KB) und verwendet CSS-Transformationen und -Transformationen, um Bilder zu verschieben.

12. jQuery-Tippkarten

Mit dem Tip Cards-Plugin können Sie Kartenlayouts erstellen, die ähnliche Karteninteraktionen verwenden, die Sie auf den Google Tips-Seiten sehen. Es gibt mehrere neue Animationsoptionen, sodass Sie sie nach Ihren Wünschen anpassen können. Sie können Rückrufmethoden verwenden, um Vorgänge auszuführen, wenn das modale Fenster geöffnet oder geschlossen wird. Getestet auf modernen Desktop-Browsern wie Chrome, Firefox und Safari.

13. Floatlable.js

Das Floating-Tab-Muster wurde ein Erfolg, nachdem Brad Frost einen Blog-Beitrag über das Floating-Tab-Muster schrieb. Die Idee basiert auf Matt D. Smiths Dribbble Shot. Dieses Muster ist leicht zu erklären. Wenn der Benutzer mit einem Eingabefeld interagiert, bewegt sich der Platzhalterwert nach oben und wird über dem Text angezeigt.

14. Nanogalerie

nanoGallery ist eine einfache Möglichkeit, das Bilderalbum-Plug-in für jQuery zu implementieren. Es verfügt über viele Funktionen: Es ist berührungsempfindlich, reaktionsschnell, schnell und unterstützt Cloud-Speicher. Mehrstufige Albumnavigation, Lightbox-Effekt, Hover-Effekt für viele Miniaturansichten, verschiebbare Anzeige, Vollbild, Seitenwechsel, Lazy Loading von Bildern, Design, Bootstrap-kompatibel, anpassbar, kann Fotos von Flickr/Picasa/Google+ usw. abrufen.

15. jQuery Panorma Viewer

jQuery Panoram Viewer hilft Ihnen, Panoramabilder auf Ihrer Website einzubetten. Mit diesem Plugin können Sie Ihre Panoramabilder auf Ihrer Website anzeigen. Dazu müssen Sie zunächst die neueste JQuery-Bibliothek sowie jquery.panorama_viewer.js und panorama_viewer.css in Ihr Dokument einbinden und dann die Klasse „panorama“ zu Ihrem Bild im HTML hinzufügen. Getestet wurden Desktop- und Mobilversionen moderner Browser wie Chrome, Firefox und Safari.

16. SVG Magic

SVGMagic ist ein browserübergreifend kompatibles JQuery-Plug-in, das auf Ihrer Website nach SVG-Bildern sucht und automatisch eine PNG-Version erstellt, wenn der Browser SVG nicht unterstützt. Es handelt sich um ein einfaches Einzweck-Plugin, das keine Konfiguration erfordert.

17. BttrLazyLoading

BttrLazyLoading ist ein jQuery-Plug-in, das es Ihrer Webanwendung ermöglicht, nur Bilder im Fenster zu laden. Außerdem können Sie verschiedene Bildversionen in vier verschiedenen Bildschirmgrößen verwenden. Mit BttrLazyLoading kann Ihre Webanwendung das Laden von Bildern verzögern, bis das Bild gescrollt wird. Auf diese Weise wird die Ladezeit der Seite erheblich verkürzt.

18. Remodal

Remodal ist ein flaches, reaktionsfähiges, leichtes, schnelles, leicht anpassbares, deklaratives Zustandsannotations- und Hash-Tracking-Modalfenster-Plug-in. Alle modernen Browser unterstützen es. Sie können ganz einfach einen modalen Hintergrundcontainer definieren (wie einen Defokussierungseffekt).

19. Slinky.js

Slinky.js ist ein jQuery-Plugin zum Erstellen von verschiebbaren Navigationslisten mithilfe gestapelter Header. Es verfügt über unzählige Funktionen: wie sanftes Gleiten durch Deaktivieren von Cursorereignissen, geringes Gewicht von etwa 1 KB im komprimierten Zustand, Aktualisierung bei Fenstergrößen- und DOM-Änderungen sowie Kompatibilität mit den neuesten Versionen Ihrer Lieblingsbrowser.

20. Adaptive Hintergründe

Adaptive Backgrounds ist ein jQuery-Plug-in zum Extrahieren von Hauptfarben aus Bildern und deren Anwendung auf übergeordnete Elemente. Dieses Plugin nutzt Canvas-Elemente und ImageData-Objekte. Wenn ein Skript versucht, die Farbe eines Bildes von einem anderen Host als dem aktuellen Domänennamen zu extrahieren, schlägt dies fehl, es sei denn, das Bild erlaubt Cross-Site-Sicherheit. Gemeinsame Nutzung von Ursprungsressourcen.

21. Bigfoot

Fußnoten auf Webseiten sind nervig. Sie klicken auf eine kleine Zahl, springen zum Ende der Seite, finden die gesuchte Fußnote und klicken dann auf einen Link, um zu der Stelle zurückzukehren, an der Sie sich auf der Seite befanden. Bigfoot scheint den gesamten Prozess schmerzlos zu machen. Es erkennt automatisch den Fußnoten-Link und den Inhalt, wandelt den Link in eine einfach anzuklickende Schaltfläche um und öffnet ein schwebendes Fenster, wenn der Leser auf die Fußnoten-Schaltfläche klickt (Übersetzung: Die offizielle Demoversion springt direkt).

22. Dynatable

Dynatable ist ein interessanteres, semantisches, interaktives Tabellen-Plug-in, das jQuery, HTML5 und JSON verwendet. Und das nicht nur für Formulare. Der Zweck von Dynatable besteht darin, eine einfache, erweiterbare API bereitzustellen, die das einfache Durchsuchen und Bearbeiten großer Datenmengen ermöglicht.

23. jQuery-Label besser

jQuery Label Better ist wie ein eleganter Animationsboss, der Ihnen hilft, Formulareingaben zu kennzeichnen, ohne Platz zu beanspruchen. Das Einzigartigste an diesem Plugin ist, dass Sie lediglich einen Platzhaltertext hinzufügen müssen und wir die Beschriftung anzeigen, wenn der Benutzer sie benötigt.

24. Überfall

stickUp ist ein jQuery-Plug-in. Sie können dies auf jeder Webseite mit jQuery tun. Sie können einfach auf jeder Seite ein beliebiges Element erstellen, das den Benutzern jederzeit angezeigt werden soll. Es bleibt oben im Browserfenster hängen, sobald der Benutzer darüber wischt.

25. Freie Wand

Freewall ist ein browserübergreifend reagierendes jQuery-Plugin, das großartige CSS3-Animationseffekte und Rückrufereignisse verwendet, um Ihnen bei der Erstellung vieler Arten von Rasterlayouts zu helfen: skalierbare Layouts, Bildlayout, verschachteltes Raster, fließend Raster, Raster im Metro-Stil, Pinterest-ähnliches Raster. Freewall ist eine Komplettlösung zum Erstellen dynamischer Rasterlayouts für Desktops, Mobilgeräte und Tablets.

26. jQuery Interactive 3D

jQuery Interactive 3D ist ein Plug-in, das es uns ermöglicht, mehrere Bilder zu verwenden, um eine ähnliche Funktion auszuführen. Es ist einfach zu verwenden, verwendet einfache Funktionen und gibt eine Reihe benannter Bilder an. Darüber hinaus gibt es Anpassungsoptionen wie Cursorsymbol, Geschwindigkeit, Touchscreen-Unterstützung, automatische Wiedergabe usw.

27. Prägnant

Succinct ist ein jQuery-Plug-in zum Abschneiden von mehrzeiligem Text. Es kürzt Ihren Text auf die angegebene Größe und fügt dahinter Auslassungspunkte ein. Mit einem Selektor können Sie die zu kürzenden Elemente angeben und dann den Größenparameter auf die Menge festlegen, die Sie sehen möchten.

28. SlideMe

SlideMe! ist ein responsives, CSS3-kompatibles jQuery-Slider-Plugin, das sowohl eingeschränkte als auch Vollbildansichten unterstützt. Es kann sowohl im Hoch- als auch im Querformat verwendet werden, verwendet CSS3-Übergänge und unterstützt Paging. Bietet Methoden zur Steuerung des Gleitens (Vorheriges, Nächstes usw.) sowie entsprechende Rückrufmethoden und mehr.

29. Glide.js

Glide.js ist ein leichtes (4,5 KB komprimiertes) jQuery-Plugin zum Erstellen von Schiebereglern. Es verfügt über vollständig anpassbare OOCSS-Markup- und CSS3-Transformationen und kann JavaScript zurückrufen. Der Slider ist reaktionsfähig; er passt sich an alle Geräte an und verfügt über Touch-Unterstützung. Sie können Elemente über die Tastatur, Folienereignisse, Popups oder Pfeilmenüs steuern. Glide.js verfügt außerdem über eine öffentliche API, die alle Ereignisse unterstützt (Wiedergabe, Pause, Weiter, Zurück usw.).

30. PhotoJShop

PhotoJShop ist ein jQuery-Plugin, mit dem wir einfache Effekte und Filter auf Bilder anwenden können. Zu diesen Filtern gehören Unschärfe, Negativ, Prägung, Aufhellen, Schwärzen, Schwarzweiß, Schärfen und mehr. Das Plugin funktioniert auf Leinwand und Bildern und die Filter sind einfach zu verwenden.

31. Eine Seite scrollen

One Page Scroll ist ein jQuery-Plugin, das die Erstellung ähnlicher Websites vereinfacht. Es erfordert nur sehr wenig Einrichtung, erstellen Sie einfach die HTML-Struktur, rufen Sie die Funktion auf und schon kann es losgehen. Optional können als zusätzliches Feature auch seine Geschwindigkeit und sein Loop-Verhalten eingestellt werden. Und es unterstützt SEO-freundliche URLs für jede Seite.

32. FerroSlider

FerroSlider ist ein jQuery-Plugin zum Erstellen ganzer Seiten- (oder Inhalts-/Bild-Slider) und fast aller Arten von Slidern. Inhalte können flexibel horizontal oder vertikal platziert werden und Plugins erleichtern das Durchsuchen. Es nutzt CSS3-Transformationen, um die Leistung zu verbessern, funktioniert gut mit responsiven Layouts und funktioniert auf mobilen Plattformen.

33. Scrolld.js

Scrolld.js ist ein einzigartiges jQuery-Open-Source-Plug-in. Scrolld.js bietet ein hochpräzises Scrollen für Layout und Navigation auf Pixelebene unter Verwendung von in Echtzeit aktualisierten Daten. Mit Scrolld.js können Sie immer genau zum angegebenen Ziel scrollen und stets das beste Benutzererlebnis bieten.

34. AnimateScroll

AnimateScroll ist ein einfaches jQuery-Plug-in, mit dem ein entspannter Bildlaufleisteneffekt hinzugefügt werden kann. Sie können den Stil der Bildlaufleiste (mehr als 30 Bildlaufeffekte) und die Bildlaufgeschwindigkeit anpassen. Das Attribut „padding“ steuert die Endposition der Bildlaufleiste. Dieses Plugin ist nicht auf die gesamte Bodypage beschränkt, sondern kann auch für bestimmte Elemente verwendet werden.

35. MasonJS

Das MasonJS jQuery-Plug-in wird verwendet, um die Probleme und Lücken zu lösen, auf die die meisten Grid-Systeme derzeit stoßen. Wenn Sie Masonry, Isotope oder ein anderes Mesh-Plugin verwenden, weist Ihr Mesh manchmal Lücken oder gezackte Kanten auf. Mason wird verwendet, um sie zu füllen.

36. JInvertScroll

jInvertScroll ist ein jQuery-Plugin, das das Standard-Bildlaufverhalten steuert und vertikales Scrollen erzwingt. Das Plugin ist leicht (weniger als 1 KB) und erfordert fast keine Einrichtung zur Verwendung. Fügen Sie einfach die angegebene Klasse zum Wrapping-Element hinzu und rufen Sie die JS-Funktion auf. Darüber hinaus ist es einfach, Inspektionseffekte mithilfe des onScroll-Callbacks zu erstellen (wobei wir entscheiden können, die Größe jedes Elements zu ändern).

37. Flowtype.js

FlowType.JS ist ein jQuery-Plug-in, das die Schriftgröße (font-size) und die Zeilennummer (line-height) (entsprechend der Breite des Umbruchelements) automatisch anpassen kann. Dadurch können unsere Inhalte so angezeigt werden, wie wir es möchten. Das Plugin bietet Eigenschaften zum Festlegen der minimalen/maximalen Schriftgröße und -breite.

38. nFortschritt

NProgress.js ist ein Nano-Fortschrittsbalken. Informieren Sie Benutzer mit realistischen und detaillierten Animationen über das Geschehen. Es handelt sich um einen leichten Fortschrittsbalken, der von Google, YouTube und Medium inspiriert ist und sich perfekt für Turbolinks, Pjax und andere Anwendungen auf Ajax-Ebene eignet.

39. Tidy Time.js

Möchten Sie ein zeitbasiertes Update in benutzerfreundlicher Sprache präsentieren? TidyTime.js ist ein Plug-in, das dies tut und Standardzeitformate in persönlich deklarierte Zeitformate konvertiert.

40. Fullpage.js

FullPage.js ist ein einfaches und benutzerfreundliches Plug-in zum Erstellen von gleitenden Webseiten im Vollbildmodus (auch als Einzelseiten-Websites betrachtet). Es ermöglicht Ihnen, eine gleitende Website im Vollbildmodus zu erstellen und gleichzeitig einige Karussells im Querformatdruckstil zu verschiedenen Teilen der Website hinzuzufügen. Es ist für die Verwendung mit unterschiedlichen Bildschirmgrößen sowie für Tablets und Mobilgeräte konzipiert.

41. jQuery Flat Shadow

jQuery Flat Shadow ist ein Plugin, das zu allem, was Sie wollen, einen Zerfallsschatten hinzufügen kann. Es ist möglich, Schattenfarbe und -winkel zu definieren und den Schattenabfall zu aktivieren oder zu deaktivieren.

42. Eulenkarussell

Owl Carousel ist ein jQuery-Plugin, mit dem Sie schnell reaktionsfähige rotierende Schieberegler erstellen können. Das Plugin ist berührungsfreundlich und bietet beliebige HTML-Inhalte in jeder beliebigen Darstellung. Es gibt Optionen zum Festlegen der Seiten-/Wischgeschwindigkeit, zum Aktivieren/Deaktivieren der automatischen Wiedergabe, zum Anzeigen der eingefügten Navigation und mehr.

43. S-Galerie

S Gallery ist ein weiteres jQuery-Fotoalbum-Plugin, das Bilder in einem responsiven Raster anzeigt. Es ist von der Produktbroschüre von Sony (erstellt mit Flash) inspiriert und ahmt diese vollständig nach. Sobald ein Bildelement angeklickt wird und den Fokus erhält, können Sie mit den Vorwärts-Rückwärts-Tasten oder über die Tastatur zu anderen Bildelementen navigieren.

44. Pop Easy

PopEasy ist ein leichtes jQuery-Plug-in, das für einen Entwickler ein Muss ist, um auf einfache Weise modale Fenster zu erstellen. Konzentrieren Sie sich auf wichtige Elemente, indem Sie eine Maske auf Ihre Seite anwenden und ein anpassbares modales Popup-Fenster öffnen.

45. Nach oben scrollen

ScrollUp ist ein leichtes jQuery-Plugin zum Erstellen benutzerdefinierter „Nach oben schieben“-Funktionalität, die problemlos auf jeder Website verwendet werden kann. Durch Zuweisen einer gültigen CSS-Farbe zur Einstellung „activeOverlay“ wird eine visuelle Linie erstellt, die dabei hilft, den idealen Gleitabstand von oben zu bestimmen.

46. Mobiscroll

Mobiscroll ist ein jQuery-Plug-in zum Scrollen von Laufzetteln oder zur Datums- und Zeitauswahl, die auf Touchscreen-Geräten (Android-Telefone, iPhone, iPad, Galaxy Tab) verwendet werden. Controller können einfach angepasst werden, um beliebige benutzerdefinierte Werte zu unterstützen, und können sogar direkt als Alternative zu nativen Auswahl-Controllern (Dropdown-Listen) verwendet werden. Controller können thematisch gestaltet werden. In CSS können Sie das Erscheinungsbild einfach ändern. Es unterstützt auch vordefinierte, gut aussehende Farbmodi. Getestet auf iOS4, Android 2.2, Android 2.3, Chrome, Safari, Firefox, IE9.

47.Zyklus2

Cycle, ein früher sehr beliebtes jQuery-Diashow-Plugin, verfügt jetzt über eine erweiterte Version: Cycle2. Dieses Plugin ist perfekt für diejenigen, die vollständig personalisierte Diashows erstellen möchten. Darüber hinaus ist seine Funktionalität sehr flexibel. Cycle 2 unterstützt responsive Layouts, enthält Optionen für fast alles (globale oder einzelne Folien) und kann mithilfe der voll ausgestatteten API problemlos erweitert werden.

48.Tooltipster

Tooltipster ist ein jQuery-Plugin zum schnellen Erstellen von HTML5-Validierungen und flexiblen Tooltips. Dieses Plug-in gehört zum Typ „klein, aber vollständig“. Es ist nach der Komprimierung nur 4,8 KB groß, funktioniert aber sehr schnell und kann leicht angepasst werden. Das Erscheinungsbild kann mithilfe von CSS (Theme-Unterstützung) und Pfeilen geändert werden. Außerdem können Erscheinungsbildeffekte wie Änderungen aufgrund der Mausposition und Verzögerungen definiert werden.

49.FitText

FitText ist ein sehr einfaches, aber leistungsstarkes jQuery-Plug-in, mit dem sichergestellt werden kann, dass Text in definierte Elemente passt. Es aktualisiert automatisch die Schriftgröße basierend auf der Breite des umgebenden Elements und stellt sicher, dass das Layout (aufgrund der Schriftgröße) nicht zu fragmentiert ist, selbst wenn die Seite in einem Desktop-Browser oder auf einem Mobilgerät angezeigt wird. Außerdem bietet das Plugin einige Optionen zur Feinabstimmung, einschließlich der Möglichkeit, eine „horizontale Skalierung“ und minimale bis maximale Abmessungen festzulegen.

50. Unslider

Unslider ist ein jQuery-Slider-Plug-in nur für die Bildanzeige. Es gibt keine großartigen Spezialeffekte und unnötigen Dekorationen und das Plug-in ist weniger als 3 KB groß. Es ist glatt, flexibel und unglaublich klein. Unslider wurde in den neuesten Versionen aller aktuellen Browser getestet, in nicht so neuen Browsern sieht man nur seine „einsame Pracht“. Sie können bei Bedarf Unterstützung für die Pfeiltasten der Tastatur hinzufügen. Nicht alle Slider-Plugins sind gleich und Unslider weiß das. (Übersetzer: Versucht der Autor süß zu sein?)

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn