Много съвременни сайтове имат оригинални контроли. Един от тези елементи са изскачащите прозорци, в които можете да поставяте различна полезна информация, реклами, контроли, анкети и др. Съвсем лесно е да създадете такъв изскачащ прозорец - използвайте библиотеката jQuery.
Инструкции
Етап 1
Вмъкнете маркери в кода на вашата страница, които добавят библиотеката jQuery. Тези тагове изглеждат съвсем стандартно:
скрипт src = "jQuery.js" / скрипт
скрипт src = "interface.js" / script
Стъпка 2
Добавете css кода към таблицата със стилове, за да оформите изскачащия прозорец. Посочете параметри като позиция, височина, преливане, фоново изображение, фонова позиция, повторение на фона, преливане, курсор и други, които може да са ви необходими за стилизиране. Тези параметри могат да бъдат зададени и в маркера head, ако нямате принципа на разпределяне на специален файл за стилове във вашата стандартна работа. Можете да пишете код по други начини, като използвате различни тагове. Обикновено има много начини за писане на плаващи прозорци.
Стъпка 3
Поставете кода за връзката към изскачащия прозорец в тялото на страницата и опишете самия скрипт за отваряне на изскачащия прозорец. Опишете функция за извикване на прозорец с помощта на стандартни команди show (), TransferTo (), bind () и други. Опитайте се да напишете малко описание за себе си до всяка функция, за да не се объркате в кода, тъй като можете напълно да нарушите работата на цялата система.
Стъпка 4
Проверете кода за грешки и отворете страницата в браузър, за да видите резултата от вашата работа. За да се появи изскачащ прозорец, трябва да щракнете върху създадената връзка. В бъдеще можете да осигурите автоматично появяване на изскачащ прозорец. Изскачащият прозорец също трябва да има различни характеристики, като възможност за плъзгане и пускане, минимизиране, разтягане и, разбира се, затваряне. Всички тези характеристики трябва да бъдат описани в изскачащия скрипт. Изработването на плаващи прозорци не е трудно, основното е да знаете основите на програмирането, тъй като имате нужда от специални знания, за да напишете правилно кода.
