сделать всплывающую демо / интро для сайта

Question

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

Я имею в виду небольшие информационные поля, информирующие пользователя о различных шагах по одному.Может кто-нибудь помочь мне, как это сделать?

Answer 1

Посмотрите на диалоговое окно jQuery UI , оно полностью настраиваемое, или подумайте об использовании какой-либо подсказки, когда вы наводите курсор мыши на часть обратной связи с пользователем, для чего предназначен данный раздел (через наведение мыши и т. д.).

Answer 2

знаю, что этот вопрос старый, но попробуйте intro.js

включают JS / CSS

 <link rel="stylesheet" href="css/introjs.min.css">
 <script type="text/javascript" src="jquery/intro.min.js"></script>

, затем к каждому предмету, который вы хотите показать, добавьте следующее

data-step = "1" data-intro = "Введите текст подсказки"

 <div class="span6" data-step="1" data-intro="Click here for help">
 <div class="span6" data-step="2" data-intro="Click here for home page">

Answer 3

Один простой способ сделать это с помощью JavaScript.

Попробуйте

<script type="text/javascript">
    alert("Hello world!");
</script>

посетить эту страницу для получения дополнительной информации.