créer une popup de démonstration/intro pour un site web

Question

Je souhaite faire une démonstration rapide du contenu de mon site et de la manière de l'utiliser correctement dès qu'un utilisateur visite ma page. Je souhaite donner la démo en utilisant une fenêtre de type popup en haut de la page.

Je veux dire de petits encadrés informant l'utilisateur des différentes étapes une par une. Quelqu'un peut-il m'aider à faire cela ?

Answer 1

Regardez le Dialogue jQuery UI Vous pouvez également envisager d'utiliser une sorte d'info-bulle qui, lorsque vous passez la souris sur une partie de la page, indique à l'utilisateur à quoi sert la section en question (par le biais du survol de la souris, etc.).

Answer 2

Un moyen simple de le faire est d'utiliser le javascript.

Essayez ceci

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

visitez ce pour plus d'informations.

Answer 3

Je sais que cette question est ancienne mais essayez intro.js

inclure js/css

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

puis, sur chaque élément que vous voulez afficher le tutoriel, ajoutez ce qui suit

data-step="1" data-intro="Entrez le texte du conseil"

 <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">