20 einfache jQuery-Tricks
jQuery hat es schnell in die Trickkiste fast aller Webentwickler geschafft. Die Einfachheit, mit der jQuery es uns ermöglicht, komplizierte Ereignisse zu verarbeiten und reibungslose Animationen durchzuführen, macht es zum perfekten Werkzeug für Anfänger und erfahrene Entwickler, um ihren Websites professionelles Flair zu verleihen.
Hier sind 20 einfache jQuery-Tricks, die Sie auf den Weg zu JavaScript Bliss bringen. Das Schlüsselwort hier ist "einfach". Selbst wenn Sie jQuery noch nie zuvor verwendet haben, ist dies der perfekte Ausgangspunkt!
Anfänger-Tutorials
Um Ihnen den Einstieg zu erleichtern, finden Sie hier die Anfänger-Tutorials direkt von jQuery.com.
# 1 - jQuery Rounded Corners
Ein kurzer Beitrag aus „15 Days of jQuery“ über die Verwendung der Funktionen zum Umbrechen, Voranstellen und Anhängen, um einen Effekt mit abgerundeten Ecken zu erzielen.
# 2 - Bildüberblendungsübergang
3 Einfache Methoden zum Überblenden eines Bildes in ein anderes mithilfe von jQuery und CSS.
# 3 - Fading-Menü - Ersetzen von Inhalten
Chris Coyier bietet einige der besten kostenlosen Inhalte zum Erlernen von Webdesign. Hier ist eines von vielen jQuery-Tutorials auf seiner Website.
# 4 - Sexy Dropdown-Menü mit jQuery & CSS
In diesem Schritt-für-Schritt-Tutorial erfahren Sie, wie Sie eine übersichtliche, animierte Benutzeroberfläche für Ihre Site erstellen.
# 5 - Inhaltsbereich mit Registerkarten mit CSS & jQuery
Ein Oldie aber Goodie, dies war eines der ersten Tutorials, die jemals auf NetTuts veröffentlicht wurden. Hier habe ich zum ersten Mal von jQuery erfahren!
# 6 - jQuery Twitter Ticker
Erfahren Sie, wie Sie sowohl die Twitter-API als auch jQuery verwenden, um einen gut aussehenden Twitter-Ticker zu erstellen.
# 7 - Vertikal scrollendes Menü
Dieser Artikel zeigt Ihnen, wie Sie ein wirklich flüssiges, vertikal scrollendes Menü erstellen. Ein großartiges Tutorial, obwohl der Autor zu glauben schien, es sei ein horizontal scrollendes Menü!
# 8 - Easy Display Switch mit CSS und jQuery
Imitieren Sie die neue Website von Abduzeedo und erstellen Sie einen Schalter zum Ändern Ihres Inhalts von der Listenansicht in die Rasteransicht.
# 9 - Einfaches Umschalten mit CSS & jQuery
Ein großartiges Tutorial für Anfänger, in dem die Verwendung der Umschaltfunktion beschrieben wird.
# 10 - WordPress & jQuery Kontaktformular ohne Plugin
Ein gut geschriebener, detaillierter Blick auf das Erstellen eines WordPress-Formulars ohne die Notwendigkeit eines zusätzlichen Plugins.
# 11 - Sequenzielle jQuery-Liste
Verwenden Sie jQuery, um die Monotonie beim Codieren sequentieller Elemente zu verringern.
# 12 - Erstellen Sie eine ausgefallene Freigabebox
Das Teilen von Links in sozialen Medien auf Ihrer Website ist für die meisten Blogs schnell zum Standard geworden. Verwenden Sie dieses Tutorial, um Ihr Tutorial hervorzuheben.
# 13 - Erstellen Sie mit jQuery eine übersichtliche und zugängliche Diashow
Verwenden Sie diesen atemberaubenden Inhaltsregler, um eine Menge Inhalte auf kleinem Raum zu platzieren.
# 14 - Verwenden von jQuery für Hintergrundbildanimationen
Erstellen Sie auffällige Hintergrundanimationen mit nur wenigen Codezeilen.
# 15 - Animierte Menüs mit jQuery
Ähnlich im Konzept wie # 14, jedoch mit einem subtileren, raffinierteren Effekt.
# 16 - Navigation „außerhalb der Box“ mit jQuery
Eine erstaunliche Technik zum Erstellen einer Website-Navigation, die das OS X-Dock nachahmt.
# 17 - So implementieren Sie einen News-Ticker mit jQuery und zehn Codezeilen
Ein schneller und einfacher Newsticker von Antonio Lupetti.
# 18 - Erstellen Sie mit jQuery ein atemberaubendes Popup
Dieses Tutorial zeigt Ihnen, wie Sie ein Popup-Fenster erstellen und den Hintergrund ausblenden.
# 19 - jQUery Feed Menüs
Erfahren Sie, wie Sie einfache und effektive RSS-Feed-Menüs wie in Safari erstellen.
# 20 - Erstellen Sie einen Funky Parallax-Hintergrundeffekt
Dieses Tutorial führt Sie durch die Erstellung eines unglaublich einzigartigen gleitenden 3D-Hintergrundeffekts.
Das war's Leute
Damit ist unsere Zusammenfassung einfacher jQuery-Tricks abgeschlossen. Verwenden Sie nun diese Techniken, um einige erstaunliche Effekte auf Ihrer Website zu erzielen. Hinterlassen Sie einen Kommentar im Feld unten, um Ihre bevorzugten jQuery-Tricks und -Tutorials zu teilen.
