Лучший способ показать пояснительный контент в верхней части страницы - с помощью JavaScript - PullRequest
Новая
       0

Лучший способ показать пояснительный контент в верхней части страницы - с помощью JavaScript

0 голосов
/ 26 октября 2019

https://i.postimg.cc/5NG7zT7t/arrow.jpg

Пожалуйста, посмотрите на изображение в ссылке
Желтая стрелка имеет анимацию (я думаю, это анимация CSS).

Проблема:
У меня есть страница, и мне нужно показать пользователю, куда искать (например, с помощью желтой стрелки), и я хочу, чтобы стрелка исчезла через несколько секунд.

Есть ли какая-нибудь библиотека JavaScript, которая может облегчить мою жизнь?

Я также использую Bootstrap 4, а фреймворк VueJS 2

Спасибо

1 Ответ

0 голосов
/ 26 октября 2019

Вы можете определить HTML-код: 

<body onload="triggerMe()">
    .....
    .....
    <div id="arrow">
        Your arrow, this area will be set as absolute and its wrapper will be relative
    </div>
</body>

<script>
    triggerMe() {
        setTimeout(function(){
            document.getElementById("arrow").style.display = "none";
        }, 5000); // 5 seconds
    }
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...