ПредишенСледващото

Направете изскачащ прозорец JQuery

Днес ние ще се занимава с вас как да се направи прозореца на JQuery изскачащ прозорец, за да покаже скритата съдържание по поръчка, например за да се покаже формата за обратна връзка. Направете го лесно достатъчно, за да прочете до края.

Напомням ви, че имате нужда да си купите CTP и диагностика диаграма. с цел да се движат безопасно из града с автомобил е безопасно и какво се нарича, с мир на ум. На този сайт можете да го направите като лесен и удобен начин.

Как да си направим изскачащ JQuery

изскачащ прозорец JQuery се състои от следните елементи:

  • фон или спиране на тока
  • изскачащ прозорец
  • съдържание на изскачащи прозорци

Така че, както винаги, първо се пристъпи към оформлението HTML.

Съставено, вече имаме спиране на тока (.popup_overlay), изскачащ прозорец (.popup), заглавието на изскачащ прозорец (.popup_title), затваряне на бутона изскачащ (.closer) и съдържанието на изскачащ прозорец (.popup_content).

Сега ние трябва да се уверите, че това е изскачащ прозорец за показване на изскачащи прозорци, а не просто така, а за да се припокрият zatemenenie фон.

Готово. украсена изскачащ прозорец JQuery. Ако сте забелязали, повечето изскачащ прозорец и zatemeneniya трябва да показва: няма, това се прави, за да се гарантира, че изскачащ прозорец не се показва в сайта, докато в точния момент. Сега ще добавите изскачащ прозорец, в точното време (тоест, чрез натискане на десния бутон).

изскачащ прозорец JQuery
И сега кода на JQuery. Всичко е съвсем проста. Обвързването ефект върху събитието кликнете на съответния бутон.

Готово. Изскачащ прозорец ще се появи и да се скрият, когато имаме нужда (при натискане на бутона и .closer бутона съответно).

  • Направете изскачащ прозорец JQuery
    меню Ние се определи: 2 Най-добрият подход
  • Направете изскачащ прозорец JQuery
    Прави добро плъзгач, за да JQuery ...
  • Направете изскачащ прозорец JQuery
    Форма за обратна връзка AJAX

Свързани статии

Подкрепете проекта - споделете линка, благодаря!