Как добавить DIV с затемнением сайта на определенное время

Все привет. Сейчас я опишу как добавить DIV с любым HTML кодом так, чтобы при открытие сайта, фон темнел, появлялся наш DIV и спустя несколько секунд исчезал.

Нам понадобится: JQuery и blockUI.

Загружаем наши библиотеки, вставляя код который написан ниже между тегами <head></head>:

<script charset="UTF-8" type="text/javascript" src="путь до скрипта/jquery.js"></script>

<script charset="UTF-8" type="text/javascript" src="путь до скрипта/jquery.blockUI.js"></script>

Далее вставляем куда-нибудь в боди вот такую штучку:

<script type="text/javascript">
$(document).ready(function() {
$.blockUI({
message: $(‘#tablichko’) , css: {width: ‘310px’}, timeout: 2000
});
});
</script>
<div id="tablichko" style="display:none; cursor: default" >
Вот сюда вставляем HTML который нам нужен
</div>

В параметре timeout параметр 2000 — это ровняется двум секундам. Значит, что в течении 2х секунд наше окошко будет показано, потом спрячется. Такой способ отлично подходит для приветствия

Комментарии через VK
Комментарии NoFAQ.net

Комментарии Вконтакте