Как добавить 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х секунд наше окошко будет показано, потом спрячется. Такой способ отлично подходит для приветствия