20 enkla jQuery-tricks

jQuery har snabbt gjort det väldigt till nästan alla webbutvecklareens väska med tricks. Enkelheten med vilken jQuery gör det möjligt för oss att hantera komplicerade händelser och utföra släta animeringar gör det till ett perfekt verktyg för både nybörjare och erfarna utvecklare för att lägga till professionell stil på sina webbplatser.

Här är 20 enkla jQuery-tricks för att få dig på väg till JavaScript-salighet. Nyckelordet här är? Enkelt? så även om du aldrig har använt jQuery innan är det här den perfekta platsen att börja!

Nybörjarmanualer

Bara för att komma igång med rätt, här är nybörjaren självstudier direkt från jQuery.com.

# 1 - jQuery rundade hörn

Ett kort inlägg från? 15 dagar av jQuery? om att använda wrap, prepend och lägga till funktioner för att skapa en rundad hörnseffekt.

# 2 - Bildövergångsövergång

3 Enkla metoder för att korsa en bild till en annan med jQuery och CSS.

# 3 - Färgmeny - Byte av innehåll

Chris Coyier ger några av de bästa gratis innehållen där ute för att lära sig webbdesign. Här är en av många jQuery-handledning på hans webbplats.

# 4 - Sexy Drop Down Menu med jQuery & CSS

Lär dig att skapa en smidig animerad användargränssnitt för din webbplats med denna stegvisa handledning.

# 5 - Tabbed Content Area med CSS & jQuery

En gammal men bra, det här var en av de första tutorials som någonsin publicerats på NetTuts. Det här var jag först lärde mig om jQuery!

# 6 - jQuery Twitter Ticker

Lär dig hur du använder både Twitter API och jQuery för att skapa en snygg Twitter ticker.

# 7 - Vertikalt rullningsmeny

I den här artikeln visas hur du skapar en riktigt jämn, vertikalt rullande meny. En bra handledning trots att författaren tycktes tycka att det var en horisontellt rullande meny!

# 8 - Easy Display Switch med CSS och jQuery

Mimic Abduzeedos nya webbplats och skapa en switch för att ändra ditt innehåll från listvy till rutnätvy.

# 9 - Enkelt växla med CSS & jQuery

En bra nybörjare handledning som beskriver hur man använder växelfunktionen.

# 10 - WordPress & jQuery Kontaktformulär utan plugin

En välskriven, djupgående titt på att skapa ett WordPress-formulär utan att behöva ytterligare plugin.

# 11 - jQuery sekventiell lista

Använd jQuery för att ta monotonen ur kodande sekventiella objekt.

# 12 - Skapa en Fancy Share Box

Att ha sociala medier dela länkar på din webbplats har snabbt blivit en standard för de flesta bloggar. Använd den här handledningen för att göra din standout.

# 13 - Skapa en slick och tillgänglig bildspel med jQuery

Använd den här fantastiska innehållsreglaget för att lägga massor av innehåll i ett litet utrymme.

# 14 - Använda jQuery för bakgrundsbild Animationer

Skapa iögonfallande bakgrunds animeringar med bara några rader av kod.

# 15 - Animerade menyer Använda jQuery

Liknande i koncept till # 14 men med en subtilare och mer sofistikerad effekt.

# 16 -? Utanför lådan? Navigering med jQuery

En fantastisk teknik för att skapa webbplatsnavigering som efterliknar OS X-dockan.

# 17 - Så här implementerar du en nyhetsmarkör med jQuery och tio kodrader

En snabb och enkel nyheter ticker från Antonio Lupetti.

# 18 - Skapa en fantastisk popup med jQuery

Denna handledning visar hur du skapar ett popup-fönster och bleknar bakgrunden.

# 19 - JQUery Feed Meny

Lär dig att skapa enkla och effektiva RSS-matningsmenyer som i Safari.

# 20 - Skapa en Funky Parallax Bakgrundseffekt

Dessa handledningar går dig genom att skapa en otroligt unik glidande 3D-bakgrundseffekt.

Det är alla folks

Det avslutar vår sammanfattning av enkla jQuery-tricks. Gå nu och använd dessa tekniker för att skapa några fantastiska effekter på din webbplats. Lämna en kommentar med fältet nedan för att dela med dig av dina favoritjobb och tricks.