Подякувати Студентському архіву довільною сумою
Admin
26.02.2023 12:38
Дякуємо, що користуєтесь нашим архівом!
Бібліотека jQuery
Інформація про навчальний заклад
ВУЗ:
Національний університет Львівська політехніка
Інститут:
Не вказано
Факультет:
ЗІ
Кафедра:
Кафедра ЕОМ
Інформація про роботу
Рік:
2014
Тип роботи:
Лабораторна робота
Предмет:
Глобальні інформаційні мережі
Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний університет «Львівська політехніка»
Кафедра ЕОМ
/
Лабораторна робота №4
з предмету:
«Глобальні інформаційні мережі»
на тему:
«Бібліотека jQuery»
Львів – 2014
Мета роботи: Ознайомитися з бібліотеками jQuery та jQuery UI та реалізованими прикладами. У відкритих джерелах знайти віджети, розмістити на своїй сторінці і при можливості редагувати.
Порядок роботи:
Ознайомитися з наведеними ресурсами.
Ознайомитися з бібліотеками jQuery та jQuery UI та реалізованими прикладами.
Втілити обрані скрипти jQuery UI (слайдер, випадне меню, галерея тощо) у відповідні сторінки сайту.
Обрати кілька віджетів та інформерів з відкритих джерел.
Втілити їх у відповідні сторінки сайту.
Розглянути код скрипта і якщо це можливо змінити розміри, колір шрифту для стильової сумісності дизайну.
Хід роботи:
Тестова сторінка: http://g1n.esy.es/
/
Я обрав віджет «Соціальні мережі», скачав його з відкритого джерела. Та просту галерею.
Вставив його в код своєї сторінки і редагував, змінивши: інші соціальні мережі, іконки.
/
Соц Мережі
/
Галерея
Частина коду стилів годинника.
.classysocial {
display: block;
width: 72px;
height: 72px;
position: relative;
z-index: 1;
}
.classysocial .smain {
display: block;
width: 64px;
height: 64px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
border: 4px solid #fff;
box-shadow: 0 0 5px #bbb;
-o-box-shadow: 0 0 5px #bbb;
-ms-box-shadow: 0 0 5px #bbb;
-moz-box-shadow: 0 0 5px #bbb;
-webkit-box-shadow: 0 0 5px #bbb;
border-radius: 36px;
-o-border-radius: 36px;
-ms-border-radius: 36px;
-moz-border-radius: 36px;
-webkit-border-radius: 36px;
box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.classysocial .scontainer {
width: auto;
mardin: 0;
padding: 0;
}
.classysocial .smain img {
width: 64px;
height: 64px;
cursor: pointer;
border-radius: 32px;
-o-border-radius: 32px;
-ms-border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
border: none;
}
Висновок: На цій лабораторні роботі я навчився використовувати бібліотеки jQuery UI та АРІ сервісів. Використання цих бібліотек та сервісів значно спрощує роботу.
09.12.2014 21:21
Ділись своїми роботами та отримуй миттєві бонуси!
0%
Оголошення від адміністратора