jQuery hat das Leben eines Webdesigners ziemlich vereinfacht. Sogar Leute mit JavaScript-Grundkenntnissen können jQuery verwenden. Die folgenden Tutorials belegen das. 15 wirklich nützliche Anleitungen, die erst kürzlich veröffentlicht wurden.

1.Schöne Slide Out Navigation

01_slideout_menu

Demo

Diese Übungen wird gezeigt, wie eine Folie aus erstellen Menü, das bleibt auf der linken Seite der Webseite. Die Navigation folgt auch, wie Sie nach oben und unten scrollen, die in diesem Menü macht wirklich Augenweide.

2.Scrolling Hintergrund mit Randomized Overlay

jQuery Sliding Background

Demo

Wir haben gesehen, einige Schiebe-Hintergrund mit jQuery vor. Doch was macht diese Methode anders ist, dass Sie ein transparentes Bild-Overlay haben können, und haben einen Hintergrund bewegen über. Flashlike Wirkung aber nur mit jQuery.

3.jQuery AJAX Tabs

jQuery Ajax Tabs

Demo

Eine saubere, einfache, schnelle jQuery Tabs Tutorial.

4.Aufbau einer Awesome Navigation Menu mit jQuery

jQuery Sliding menu

Demo

Dieses Menü Lernprogramm besteht aus zwei Teilen und wirklich an awesome Menü-Tutorial.Schauen Sie sich die Demo, und Sie werden es herausfinden. Wenn Sie ein großes Menü müssen, wollen aber, um Platz zu retten ist dieses Tutorial für Sie.

5.Einen jQuery Pagination System

jQuery Pagination

Demo

Ein einfach zu verstehen, jQuery Pagination Tutorial.

6.Fancy Quotes mit jQuery, AJAX und CSS

Fancy Quotes

Demo
Wenn Sie daran denken, warum jemand würde man dies tun wollen, ist hier ein Beispiel: Wenn Sie ein Musik-Website ausgeführt wird, müssen die Menschen für Alben Abstimmung oder sagen wir ein Hintergrundbild Website können Sie für dieses Tutorial die Technik zu nutzen.

7.Cool “nach oben” Link mit jQuery

Back to Top jQuery

Demo

Stellen Sie zurück zu der Seite, fun und cool mit diesem Tutorial.

8.Anzeigen und Ausblenden Div mit jQuery

Show Hid jQuery

Demo

Ein nettes jQuery-Methode, die Verwendung und slideDown slideup zu zeigen und verstecken Inhalt.

9.Fügen Sie ein Vergrößerungsglas Lightbox Enabled Bilder

Jquery Lightbox Magnify Images

Demo

Dieses Tutorial ist über Usability. Wenn einige Bilder, die Lightbox sind aktiviert haben in Ihrem Blog und wollen wir Nutzer über sie, dieses Tutorial zeigen eine nützliche Methode, wie es zu tun.Das Lernprogramm verwendet Maus Hoverereignisses zu bewerkstelligen ist.

10.Einfach, schnell und Small jQuery HTML Form Validation Solution

jQuery HTML Form Validation

Demo

Prüft, ob ein Benutzer einige leere Feld beim Ausfüllen von Nachrichten mit jQuery verlassen hat.

11.Horizontal-Schiebe-Panel Mit animieren ()-Funktion

Sliding Panel with jQuery

Demo
Haben Sie ein Seitenleiste oder Blogroll Links oder Inhalte, die Sie verstecken möchten und klicken Sie auf Benutzer anzeigen? Dieses Tutorial zeigt, wie man das mit weniger als 10 Zeilen Code.

12.Cross-Browser Blockquotes Verwendung von CSS und jQuery

Blockquotes Using jQuery

Demo
Blockqoutes werden verwendet, wenn Sie ein berühmter Personen oder Web-Designer und ihre Arbeiten auf Ihrem Beitrag zu erwähnen. Dieses Tutorial zeigt, wie einfach Sie haben Anführungszeichen mit <blockquote>-Tag in Ihre Webseiten automatisiert.

13.ein cooler Spotlight-Effekt mit jQuery

jQuery Spolight

Demo

Dies ist eine weitere Form Tutsvalley cool Tutorial, das zeigt, wie man einen echten “Rampenlicht”, wie Auswirkungen auf die Bilder erzeugt.

14.Easy to Style jQuery Drop Down Menu Tutorial

jQuery Drop Down Menu

Demo
Einfache Drop-Down-Menü, das leicht angepasst werden kann.

15.Einfache Tooltip für sehr große Zahl der Elemente

jQuery Tooltop

Demo

Brauchen Sie noch einen Tooltip für viele Daten in Tabellen? Suchen Sie nicht weiter, Karl Swedberg Sie zeigt, wie man es zu tun.