JQuery скокачки прозорец, преглед на основањето

Еден начин за привлекување на корисници на страницата се pop-up прозорци. Се разбира, ова не даде апсолутна гаранција за зголемување на посетеноста, но сепак за некое време, тие се сврти вниманието на информации.

Креирај скокачки jQuery - не е лесна задача, но ако сакате да го остварливо. А сепак, пред да почне да се создаде таков производ, потребно е да ги претставува визуелно она што е и како изгледа тоа.

сајт страници се креирани со користење на HTML. На тоа, во ред, кој како сопственик на ресурси, се поставени копчиња. Може да има неколку парчиња (еден до ...), со одлука да се создаде. Со кликнување на ова копче, посетителот ќе видите скокачки прозорец jQuery. Содржината на овие или можат да бидат сосема различни, како што се слика или атрактивна нова форма на регистрација, рекламирање, порака, да ништо. Фантазија во ова прашање не е ограничено со граници. Pop-up прозорци честопати ги покриваат страница на сајт јасно темна позадина и на секој од нив има икона, корисниците обично се сфати интуитивно. Можностите се бескрајни оваа функција.

На прв поглед, да се направи такво нешто е тешко, но ова е погрешен впечаток. Ако постои желба и постои потреба, зошто тоа не е да се разбере повеќе? Дури и ако многу не ги разбирам, секогаш постои можност да учат на процесот на претворање на професионалците. Да го земеме, на пример, се создаде и да го поставите копче што ќе предизвика за регистрација прозорци, слики или фотографии и табовите. Користење на javascript за pop-up прозорец, или поточно на копчето, ние се подготват референца и да побарате за сите нив заеднички класа. Линкови поставени во внатрешноста на div таг-а.

атрибутот rel, додадени на секоја точно одговара на името на класата на прозорецот и ви овозможува да се открие во право, едвај кликнување на линкот погоре. Сите, скокачки jquery ние сме создадени. Сега останува да се направи уредни и привлечни. Ова ќе имаат потреба од користење на стилови.

Работа стилови не предизвикува тешкотии: сè е едноставен и јасен. Ние само треба малку познавање на јазикот HTML. Но, дури и ако корисникот не го разбирам, потребните информации се лесно да се најде на интернет. На копчиња jQuery, pop-up прозорци гледаше во сите познати до денес прелистувачи се подеднакво убаво и уредно, потребно е: а) да го центарот со врски; б) круг надвор од ќошиња; в) се поврзе пита да се ИЕ 7-8.

Во принцип, HTML маркап ќе биде иста за сите pop-up прозорци. Затоа, употребата на картичките не треба да се држиме ако не поседуваат доволно да се сетам на неколку основни. Разликата е само во дизајнот на големината, тоа е, еден jquery ширина скокачки прозорец ќе изгледа различно. Истото важи и за содржината.

Да се приспособат на формуларот за регистрација на погоре таг треба да бидат напишани како што следува:

Затвори

Регистрирај се Онлајн

Внесете го вашето корисничко име: Внесете ја лозинката:

Во овој запис се совпаѓа со атрибут reg_form rel првото копче, и на омотот класа единица двојно се дефинира скокачки reg_form (задолжително простор). Оваа ознака дозволува да се создаде како заедничка стил за сите pop-up прозорци, и го постави специфични параметри за секој поединечно.

Следно, ќе почнат да го поставите копчето за слики. Тука е иста: двојно наведената класа и го означи патот до папката каде што се наоѓаат на слики. Па, подоцна, во истиот дух.

Откако ќе се создаде ќе се приспособат само на севкупниот изглед на страниците на вашиот сајт, се регистрирате правила за прозорци. Тоа е, тие се сите подеднакво дизајниран, изменето хоризонтално, и секој ќе има копче што е одговорен за затворање на прозорецот и нејзиниот наслов. Покрај тоа, тие ќе бидат скриени кога вчитување на страница ресурс.

Ако не постои желба да го направите сами, секогаш постои опција да го симнете скрипта, кој ви овозможува да креирате pop-up прозорецот автоматски, само малку исправување аплети акција.