Реклама на сайте Advertise with us

JQuery модальное окно

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:

📈sflash.biz

С нами с 03.11.12
Сообщения: 3912
Рейтинг: 4447


Передовик Master-X (16.04.2018) Передовик Master-X (16.07.2018) Передовик Master-X (16.12.2022) Передовик Master-X (01.01.2023)
Ссылка на сообщениеДобавлено: 26/09/17 в 13:35       Ответить с цитатойцитата 

Подскажите jQuery плагин, реализующий выезжающее на несколько секунд сообщение, которое можно либо самому закрыть, либо дождаться, пока оно само "уйдёт".

0
 



С нами с 18.04.15
Сообщения: 100
Рейтинг: 138

Ссылка на сообщениеДобавлено: 27/09/17 в 06:31       Ответить с цитатойцитата 

Самый простой и легкий jquerymodal.com
Более продвинутый визуально
labs.voronianski.com/jquery.avgrund.js/


А если уже юзаешь на сайте jQuery UI(не путать с jQuery), то у них в наборе есть такое jqueryui.com/dialog/. Но отдельно подключать эту либу только ради модалки не стоит.

Buy and Sell Links!

8
 

📈sflash.biz

С нами с 03.11.12
Сообщения: 3912
Рейтинг: 4447


Передовик Master-X (16.04.2018) Передовик Master-X (16.07.2018) Передовик Master-X (16.12.2022) Передовик Master-X (01.01.2023)
Ссылка на сообщениеДобавлено: 27/09/17 в 21:33       Ответить с цитатойцитата 

zhekats: такие видел. А не встречал такое, чтоб окошко слайдилось сверху, как бы вылазило с верхнего края экрана. Нужно чтоб оно вылезло, поторчало какое-то время и залезло обратно.

0
 
+


С нами с 09.05.17
Сообщения: 661
Рейтинг: 586


Передовик Master-X (01.08.2017) Передовик Master-X (01.02.2018) Передовик Master-X (16.10.2019) Передовик Master-X (01.11.2019)
Ссылка на сообщениеДобавлено: 28/09/17 в 00:39       Ответить с цитатойцитата 

http://docs.toddish.co.uk/popup/demos/ например, а вообще, овер дохуя ...

Покупаем пуш траффик
GoPusher 2 - рули своими пуш подписчиками

0
 



С нами с 23.01.17
Сообщения: 205
Рейтинг: 355

Ссылка на сообщениеДобавлено: 28/09/17 в 04:02       Ответить с цитатойцитата 

S_Flash: ну так пишется такое элементарно, зачем тебе плагин icon_wink.gif

JS.
Верстка

1
 



С нами с 18.04.15
Сообщения: 100
Рейтинг: 138

Ссылка на сообщениеДобавлено: 28/09/17 в 15:29       Ответить с цитатойцитата 

S_Flash писал:
zhekats: такие видел. А не встречал такое, чтоб окошко слайдилось сверху, как бы вылазило с верхнего края экрана. Нужно чтоб оно вылезло, поторчало какое-то время и залезло обратно.

Такого не видел, но там и правда 2 строчки в JS.

Стилишь окошко, даешь ему кроме всего прочего:
Код:
.message {
    position: fixed
    top: -30px; /* допустим оно высотой 30 пикселей, спрячется сверху */
    transition: 0.2s ease top; /* для анимации выезжания */
}


Описываем класс открытого попапа:
Код:
.message.opened {
    top: 0;
}


И в JS когда надо показать его, пишем(надо jQuery, на чистом JS c памяти не напишу, если надо - в личку напиши):
Код:
$(".message").addClass("opened");
setTimeout(function() {$(".message").removeClass("opened");}, 3000);

*где 3000 = 3 секунды(время через которое попап пропадет).

Еще можна дописать кучу проверок типа "Не выводить попап если он уже выведен" и т.д.

Buy and Sell Links!

8
 

💀💀💀

С нами с 31.05.10
Сообщения: 4688
Рейтинг: 727

Ссылка на сообщениеДобавлено: 29/09/17 в 09:53       Ответить с цитатойцитата 

8
 

📈sflash.biz

С нами с 03.11.12
Сообщения: 3912
Рейтинг: 4447


Передовик Master-X (16.04.2018) Передовик Master-X (16.07.2018) Передовик Master-X (16.12.2022) Передовик Master-X (01.01.2023)
Ссылка на сообщениеДобавлено: 29/09/17 в 11:53       Ответить с цитатойцитата 

Ailk: Супер! smail54.gif

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »