|
Mansur Muzaffarovning " Web dasturlashga kirish "
|
bet | 2/3 | Sana | 14.05.2023 | Hajmi | 113.82 Kb. | | #59475 |
Bog'liq KI Mansur Muzaffarov Mustaqil ish 1 4-amaliy mashgulot, 2022 Biologiya 500 test. GREAT TEACHERS, Jewellary Management System, 2-laboratoriya ishi kompyuter tarmoqlari Sanjarbek Suyunov AX-12-20, BOLTAYEVA N, 4-Amaliy, Temirova Nargiza ki 11 19c gruppa dasturlash 2 mustaqil ishi(2), мутаклл (1), 2-3 амалий машғулот, 1 Tursunova G .Kommunal xizmatlar
Bizda juda ko'p yordamchi dasturlar mavjud emas - bu erda DOM elementlarining holatini boshqarishga imkon beradigan foydali Plagin Pozitsiyasi - http://jqueryui.com/position/ , shuningdek vidjetlarni yaratish zavodi mavjud, ammo men birozdan keyin bu haqda gaplashamiz.
Effektlar
JQuery UI tomonidan taqdim etilgan effektlar orasida men to'rtta narsani ta'kidlayman:
Rangli animatsiya uchun "Effects Core" komponenti javob beradi, bu ".animate ()" funktsiyasi yordamida rang o'zgarishlarini jonlantirishga imkon beradi:
$("#my").animate({ backgroundColor: "black" }, 1000);
Ha, asosiy jQuery buni bajara olmaydi, lekin jQuery UI quyidagi parametrlarni jonlantirishga imkon beradi:
backgroundColor
borderBottomColor
borderLeftColor
borderRightColor
borderTopColor
color
outlineColor
"Effects Core" tarkibidagi yana bir xususiyat - bu DOM elementi sinfidagi o'zgarishlarning animatsiyasi, ya'ni. elementga yangi sinfni tayinlaganingizda, odatdagi bir zumda yangi CSS xususiyatlarini qo'llash o'rniga, ushbu xususiyatlarning animatsiyasini joriy xususiyatlaridan tayinlangan sinfga o'rnatilishini kuzatasiz. Ushbu funktsional imkoniyatlardan foydalanish uchun bizga eski tanishlar kerak - ".addClass ()", ".toggleClass ()" va ".removeClass ()" usullari, faqat farq bilan - usulni chaqirganda animatsiya tezligi quyidagicha ko'rsatilishi kerak: ikkinchi parametr:
$("#my").addClass("active", 1000);
$("#my").toggleClass("active", 1000);
$("#my").removeClass("active", 1000);
Agar avvalgi xatboshida siz sodir bo'layotgan narsalarning mohiyatini tushunmagan bo'lsangiz, unda ushbu kod siz uchun:
Va ".switchClass ()" usuli paydo bo'ladi, bu bir sinfni boshqasi bilan almashtiradi, ammo bu men uchun hech qachon foydali bo'lmagan.
Effektlar to'plami haqida uzoq vaqt gaplashmayman, ularni amalda http://jqueryui.com/effect/ saytida ko'rish yaxshiroqdir . ".Effect ()" usuli effektlar bilan ishlaydi, ammo uni o'zi ishlatmaslik yaxshiroqdir, chunki foydalanuvchi interfeysi o'rnatilgan ".show ()", ".hide ()" usullarining funksiyalarini kengaytirdi. va ".toggle ()". Endi effekt nomini animatsiya tezligi parametri sifatida o'tkazib, kerakli natijaga erishasiz:
$("#my").hide("puff");
$("#my").show("transfer");
$("#my").toggle("explode");
Bu erda balki kimdir eslab qoladi deb ta'siri bir ro'yxati: blind, bounce, clip, drop, explode, fold, highlight, puff, pulsate, scale, shake, size, slide, transfer.
Esingizda bo'lsa, animatsiya bobida men yengillashtirish va shu nomdagi jQuery plaginlari haqida gaplashgandim? Shunday qilib, UI qulaylikni ham kengaytiradi, shuning uchun interfeysni ulab, siz yumshatishni o'chirib qo'yishingiz mumkin. Ha, bu funksiya faqat "Effects Core" bilan bog'langan.
|
| |