Как создать попап для шаблона blogger - PullRequest
Новая
       60

Как создать попап для шаблона blogger

0 голосов
/ 08 мая 2020

У меня вопрос, как создать всплывающий костюм, чтобы при посещении пользователем он отображался на экране в течение нескольких минут. Я устал создавать поп, который показывает изображение и текст, когда приходит посетитель.

1 Ответ

0 голосов
/ 08 мая 2020

Вы можете сделать что-то вроде следующего:

  • Создайте элемент с уникальным идентификатором и поместите его в любом месте вашего шаблона
  • Примените стиль к элементу с помощью CSS
  • Используйте JavaScript, чтобы скрыть элемент через желаемое время

Вот код 

<div id="msg">welcome, I will disappear after 5 sec</div>

<style>
#msg {
  position: fixed;
  padding: 2em;
  background: black;
  color: white;
  z-index: 100000;
}
</style>

<script>
  setTimeout(function(){
	document.getElementById('msg').style.display = 'none';
  }, 5000);
</script>
...