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

Всплывающие окна popup при загрузке страницы

    Вариант 1. Всплывающее окно jquery на css при загрузке странице показывается один раз (запись в куки)
     


    Модальное окно jquery при первой загрузке сайта. Появляется сразу при открытии страницы,  как видите, в правом верхнем углу и зафиксировано поверх страницы, то есть при прокручивании линейки прокрутки, оно будет в неподвижном состоянии. При этом не так сильно пугает пользователя, показывается всего один раз — куки стоят на кнопке закрытия, и если пользователь нажимает на крестик, то больше модальное окно ему не всплывает.

    Скачать архив
     

    Вариант 2. Всплывающее модальное окно css jquery с задержкой по времени

     


    Можно выставлять время, через которое окно всплывет при полной загрузке странице, и плюс ко всему, внутренний фон затемняется.  А теперь минус этого кода: не привязаны куки. И окно выводится каждый раз при обновление страниц. Реализация проще не бывает. Всего 1 файл с одним кодом, конечно, если хотите, стиль diva можно вынести отдельно. 

    Скачать архив