20 vienkārši jQuery triki

jQuery ir ātri nonācis gandrīz ikviena tīmekļa izstrādātāja viltībā. Vienkāršība, ar kuru jQuery ļauj mums rīkoties ar sarežģītiem notikumiem un veikt vienmērīgas animācijas, padara to par ideālu rīku gan iesācējiem, gan pieredzējušiem izstrādātājiem, lai savām vietnēm pievienotu profesionālu nojautu.

Šeit ir 20 vienkārši jQuery triki, kas palīdzēs jums nokļūt JavaScript svētlaimē. Atslēgvārds šeit ir “vienkāršs”, tāpēc pat ja jūs nekad iepriekš neesat izmantojis jQuery, šī ir ideāla vieta, kur sākt!

Iesācēju konsultācijas

Šeit ir iesācēju apmācības tieši no jQuery.com, lai jūs sāktu darbu.

# 1 - jQuery noapaļoti stūri

Īss ziņojums no “15 dienu jQuery” par ietīšanas, papildināšanas un pievienošanas funkciju izmantošanu, lai izveidotu noapaļota stūra efektu.

# 2 - attēla krustveida izbalēšanas pāreja

3 Vienkāršas metodes viena attēla krusteniskai izbalēšanai citā, izmantojot jQuery un CSS.

# 3 - izbalēšanas izvēlne - satura aizstāšana

Chris Coyier piedāvā dažus no labākajiem bezmaksas materiāliem, kas ir pieejami Web dizaina apguvei. Šī ir viena no daudzajām jQuery pamācībām viņa vietnē.

# 4 - Seksīgā nolaižamā izvēlne w / jQuery & CSS

Uzziniet, kā vietnei izveidot slidenu, animētu lietotāja saskarni, izmantojot šo soli pa solim apmācību.

# 5 - tabulēta satura apgabals, izmantojot CSS & jQuery

Veca, bet labsirdīga, šī bija viena no pirmajām pamācībām, kas jebkad tika ievietota NetTuts. Šeit es pirmo reizi uzzināju par jQuery!

# 6 - jQuery čivināt

Uzziniet, kā izmantot gan Twitter API, gan jQuery, lai izveidotu lieliski izskatīgu Twitter atzīmi.

# 7 - vertikāli ritinoša izvēlne

Šajā rakstā parādīts, kā izveidot patiešām gludu, vertikāli ritinošu izvēlni. Lieliska apmācība, neskatoties uz to, ka autorei šķita, ka tā ir horizontāli ritinoša izvēlne!

# 8 - ērts displeja slēdzis ar CSS un jQuery

Atdariniet Abduzeedo jauno vietni un izveidojiet slēdzi sava satura mainīšanai no saraksta skata uz režģa skatu.

# 9 - vienkārša pārslēgšanās ar CSS un jQuery

Lieliska apmācība iesācējiem, kurā aprakstīts, kā izmantot pārslēgšanas funkciju.

# 10 - WordPress & jQuery kontaktu veidlapa bez spraudņa

Labi uzrakstīts, padziļināts WordPress veidlapas izveidošana bez papildu spraudņa.

# 11 - jQuery secīgais saraksts

Izmantojiet jQuery, lai izņemtu monotoniju no secīgu vienību kodēšanas.

# 12 - izveidojiet izdomātu akciju lodziņu

Tas, ka jūsu vietnē ir sociālo mediju kopīgošanas saites, ir ātri kļuvis par standartu lielākajai daļai emuāru. Izmantojiet šo apmācību, lai padarītu jūsu standout.

# 13 - izveidojiet slidenu un pieejamu slaidrādi, izmantojot jQuery

Izmantojiet šo satriecošo satura slīdni, lai nelielā telpā ievietotu tonnu satura.

# 14 - jQuery izmantošana fona attēla animācijām

Izveidojiet pievilcīgas fona animācijas, izmantojot tikai dažas koda rindiņas.

# 15 - animētas izvēlnes, izmantojot jQuery

Pēc koncepcijas līdzīgs 14. numuram, bet ar smalkāku, izsmalcinātāku efektu.

Nr. 16 - navigācija ar lodziņu “ārpus kastes” ar jQuery

Pārsteidzošs paņēmiens vietņu navigācijas izveidošanai, kas atdarina OS X doku.

# 17 - Kā ieviest ziņu ķeksīti ar jQuery un desmit koda rindām

Ātrs un ērts Antonio Lupetti ziņu skaitītājs.

# 18 - izveidojiet satriecošu uznirstošo logu, izmantojot jQuery

Šajā apmācībā parādīts, kā izveidot uznirstošo logu un izbalināt fonu.

# 19 - jQUery barības izvēlnes

Uzziniet, kā izveidot vienkāršas un efektīvas RSS barotnes izvēlnes, piemēram, Safari.

# 20 - izveidojiet Funky Parallax fona efektu

Šīs pamācības palīdzēs jums izveidot neticami unikālu bīdāma 3D fona efektu.

Tas ir viss ļaudis

Tas noslēdz mūsu vienkāršo jQuery triku izlasi. Tagad izmantojiet šīs metodes, lai jūsu vietnē radītu pārsteidzošus efektus. Atstājiet komentāru, izmantojot zemāk esošo lauku, lai dalītos ar iecienītākajiem jQuery trikiem un pamācībām.

© Copyright 2024 | computer06.com