Oddiy veb-sahifani sharbatlantirish uchun jQuery-dan foydalanish

jquery

JavaScript-ni o'rganish eng oson til emas. Standart HTMLni tushunadigan ko'plab veb-ishlab chiquvchilar bundan qo'rqishadi. JavaScript ramkalarining yangi zoti bir muncha vaqtdan beri mavjud bo'lib, veb-saytga qadam qo'yishni boshladi.

Barcha zamonaviy brauzerlar JavaScript-ni samarali ishlashga qodir (ba'zi so'nggi o'zgartirishlar Firefox haqiqatan ham o'z dvigatellarini tezlashtirdi). Firefox - ni yuklab olish va undan foydalanishni tavsiya etaman plugins yolg'iz uni bebaho qiladi.

jQuery Men so'nggi paytlarda ko'proq va ko'proq tajriba o'tkazayotgan JavaScript ramkasidir. Men yangi startap uchun joy topuvchini qo'yganimda, to'liq sayt uchun tarkibimiz etarli emas edi, lekin biz nima bo'layotganini tasvirlaydigan yaxshi sahifani o'rnatishni xohladik. Va biz buni bir necha daqiqada qilishni xohladik!

jQuery hiyla ishlatdi.

JQuery + uchun deyarli hamma narsani qidirib toping, shunda siz ishlab chiquvchilar plaginlar deb nomlangan echimlarni yaratganligini bilasiz! Bunday holda, men "jQuery karuselini" qidirib topdim va hayoliy, keng qamrovli narsani topdim Dynamic Drive-dagi jQuery karusel echimi.

JQuery-ning yana bir yaxshi tomoni shundaki kod endi Google tomonidan joylashtirilgan. Natijada, jQuery-ni o'zingizning serveringizga yuklashingiz shart emas, shuningdek veb-saytingiz o'quvchilari uni har safar yuklab olishlari shart emas. Agar ular jQuery-ga havola qilingan bitta saytda bo'lgan bo'lsa, u sizning saytingizda foydalanish uchun avtomatik ravishda keshlangan!

Shunchaki kodni bosh yorlig'ingizga qo'shing va siz jQuery bilan ishlaysiz:


Karuselni ishlatish uchun men stepcarousel skriptini yuklashim va havola qilishim kerak edi:


Shundan so'ng, sahifani o'zgartirish oddiy edi! Men karuselimni div deb nomlangan xonaga joylashtirdim mygalleriya va chiziqlar paneli deb nomlangan div ichida kamar. Keyin tanam yorlig'iga sozlamalar kodining kichik qismini qo'shdim.

Aksiyani biroz sozlashingiz mumkin. Bunday holda men sahifani yuklashda skriptni avtomatik ravishda ishlashini o'zgartirdim. Har bir panel ko'rsatiladigan tezlik va davomiylikni, shuningdek panellarni chapga va o'ngga aylantirish uchun tugmachalarni sozladim. Ushbu plaginning yana bir ajoyib xususiyati - oxirgi panelga etib borganingizda, u orqaga qaytaradi birinchisiga qaytish!

Agar siz dasturlashdan qo'rqsangiz yoki JavaScript qo'rqitadigan bo'lsa, jQuery sizga hal bo'lishi mumkin. Ko'pincha, siz fayl havolalarini nusxalashingiz va joylashtirishingiz, bir nechta sozlamalarni tahrirlashingiz, sahifani to'g'ri tuzishingiz kerak ... va siz ishlamayapsiz.

3 Comments

  1. 1

    Men hozirda veb-saytimni qayta qurmoqdaman va agar hamma narsa yaxshi bo'lsa, shu hafta oxirida ishga tushirishni maqsad qilganman. Men uning bir necha jihatlari uchun jQuery dan foydalanmoqdaman va hozircha hech qanday shikoyatim yo'q. Hamma narsa "veb 2.0" tuyg'usini tarqatayotganga o'xshaydi va umid qilamanki, bu faqat tayyor saytni maqtaydi.

Siz nima deb o'ylaysiz?

Ushbu sayt spamni kamaytirish uchun Akismet-dan foydalanadi. Fikringiz ma'lumotlarining qanday ishlashini bilib oling.