Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний університет «Львівська політехніка»
Кафедра ЕОМ
ЗВІТ
до лабораторної роботи №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. АРІ-функції також є дуже зручним інструментом у наповненні сайту додатковими можливостями. Вони, як правило, створюються для дуже популярних сайтів (наприклад соціальних мереж) і дозволяють легко інтегрувати функції стороннього сайту на свій (наприклад функція авторизації).