8 Fantastic jQuery Tutorials für Designer
29. März 2008 von chriscoyier · 7 Kommentare 
Ziehen Sie Fach und Wirkung
Der Effekt wird allgemein als ein "Akkordeon" bekannt und so ist es normalerweise verwendet, um Folie nach oben oder unten Blöcke von Inhalten auf neuen Blöcke aussetzen. Die Apple-Website ist eine große Demonstration dieser Effekt in Aktion, wenn die Maus entscheidet sich für den Titel der "Sektion" und die damit verbundenen Links ausgesetzt sind. Was macht dieser Effekt besonders cool ist, dass die Schubladen eine feste Höhe und schieben zwischen den geschützten Bereich zu erhalten.
Chain-Lage Übergangseffekte
Jetzt können Sie die Macht der Verkettbarkeit jQuery. Mit nur einigen Zeilen Code kann, mache ich das Feld fliegen um mit Skalierung und eine nachlassende Übergang.
BESUCHEN TUTORIAL (# 6)
VIEW DEMO
jQuery Tabs
Tabbing wurde gemeinsam ins Internet stellen seit einiger Zeit. Heute werden Web-Sites nutzen Tab ohne die Seite neu laden zu müssen mit dem Zusatz von JavaScript. Für dieses Tutorial habe ich zwei Screencasts zeigen, wie schnell ein Schuss jQuery verschiedene Layouts von Markup, die, wenn das Markup ist gut gestaltet, es wird automatisch gut ohne JavaScript abbauen Anwendung erstellt aktiviert.
Erstellen eines Editierbare Chart
Daten-Visualisierung in HTML ist seit langem schwierig zu erreichen. Bisherige Lösungen Nicht-Standard-Plugins, proprietäre Verhalten beteiligt sind, und statischen Bildern. Aber das hat mit dem jüngsten Anstieg der Unterstützung für die neue HTML-Canvas-Element, das eine native API-Zeichnung, die mit einfachen Javascript angegangen werden kann, liefert verändert.
Easy Multi Select Transfer mit jQuery
Ich bin sicher, dass zu einem bestimmten Zeitpunkt oder eine andere Form haben Sie ein Widget wie die unten gestoßen, so dass Optionen, um von einem Multi wählen Sie einen anderen gehandelt werden.
BESUCHEN TUTORIAL
Live-Demo in Tutorial
jquery Hover Sub Tag Cloud
Tag-Clouds Wenn richtig eingesetzt, können sie Besuchern die eine sofortige Darstellung der wichtigsten Themen der Inhalt der Website. Und obwohl wir haben nicht so viel Auswahl bei der Gestaltung ihnen ist, können wir immer noch unseren Weg zu kommen mit neuen Design-Ansätze und Lösungen. Hier ist ein neuer Ansatz: Die Verwendung von jQuery, um die Größe der Tag-Wolke, die Sie auf Ihren Seiten haben, zu verringern.
Slider Gallery
Dieses "Produkt-Slider" ist vergleichbar mit einem straight forward-Galerie, es sei denn, dass es einen Schieberegler, um den Artikel zu navigieren, dh das Bit die Bedienelemente, um die Elemente zu sehen. Einfache Bestellung. jQuery hat bereits die Plugins zu erstellen, um diese Effekte, so dass wir nicht zu tun, um die Schaffung sie selbst von Grund auf zu gehen.
News Ticker
LiScroll ist ein jQuery-Plugin, das jedem in eine ungeordnete Liste scrollen News-Ticker verwandelt.
BESUCHEN TUTORIAL
Live-Demo in Tutorial
Oh, wie perfekt!
Ich habe gerade angefangen zu lernen jQuery und jetzt etwas zu der Praxis mit.
Danke!
This is just awesome Komplikation für jQuery. Thanks for this. Es könnte nicht besser geworden sind. Prost.
Great Job! Very nice Tutorials .... I love them all!
Have a nice day
beide Unter-tag cloud Demo-und Akkordeon-Demo kaputt geht, wenn Sie Ihre Schriftvergrößerung im Browser. Zeichen für schlechte HTML / CSS-Code.
Vielleicht sollten Sie über HTML-und CSS Angst vor Gedanken über Phantasie Javascript.
Die Tab-Effekt lässt sich sehr leicht mit ein paar Zeilen js getan, ohne jQuery.
Nice post ... Keep up the good work
Oh, wie perfekt!
Ich habe gerade angefangen zu lernen jQuery und jetzt etwas zu der Praxis mit.
Danke!
Editierbare Tabelle ist groß, aber ich kann nicht mit JQuery 1.2.2 oder 1.2.3 verwenden, es funktioniert nur mit Version 1.2.1.
Daniel