Міністерство освіти і науки України Національний університет «Львівська політехніка» Кафедра ЕОМ
ЗВІТ до лабораторної роботи №4 з дисципліни: «Глобальні інформаційні мережі» на тему: «Бібліотека jQuery» Львів – 2013 Мета: ознайомитися з бібліотекою jQuery та jQuery UI. В роботі я використав наступні компоненти бібліотеки jQueryUI: Випадне меню Слайдер
Рис. 1 – Випадне меню
Рис. 2 – Випадне меню ч.2
Рис. 3 – Опис поведінки меню Рис. 4 – Слайдер Рис.5 – Слайдер ч.2 $(function () { var elWrap = $('#slider'), el = elWrap.find('img'), indexImg = 1, indexMax = el.length, phase = 3000; function change () { el.fadeOut(500); el.filter(':nth-child('+indexImg+')').fadeIn(500); } function autoCange () { indexImg++; if(indexImg > indexMax) { indexImg = 1; } change (); } var interval = setInterval(autoCange, phase); elWrap.mouseover(function() { clearInterval(interval); }); elWrap.mouseout(function() { interval = setInterval(autoCange, phase); }); elWrap.append('<span class="next"></span><span class="prev"></span>'); var btnNext = $('span.next'), btnPrev = $('span.prev'); btnNext.click(function() { indexImg++; if(indexImg > indexMax) { indexImg = 1; } change (); }); btnPrev.click(function() { indexImg--; if(indexImg < 1) { indexImg = indexMax; } change (); }); });
Рис. 6 – Обєднаня випадного меню і слайдера Висновок: бібліотеки jQuery і jQueryUI надають розробникові спрощений доступ до функцій взаємодії, анімації та ефектів, а також набір віджетів, що доволі зручно використовувати для прикраси сайту та набагато зручніше ніж використання flash. АРІ-функції також є дуже зручним інструментом у наповненні сайту додатковими можливостями. Вони, як правило, створюються для дуже популярних сайтів (наприклад соціальних мереж) і дозволяють легко інтегрувати функції стороннього сайту на свій (наприклад функція авторизації).