为网站制作弹出式演示/介绍答案

【问题标题】：make a popup demo /intro for a website为网站制作弹出式演示/介绍
【发布时间】：2011-08-03 13:54:54
【问题描述】：

我希望在用户访问我的页面后立即提供有关我网站内容以及如何以正确方式使用它们的快速演示。我希望使用顶部的弹出式窗口进行演示。

我的意思是小信息框，一一告知用户各个步骤。谁能帮我怎么做？

【问题讨论】：

【解决方案1】：

查看jQuery UI dialog，它是完全可定制的，或者考虑使用某种工具提示想法，当您将鼠标悬停在页面的一部分上时，向用户反馈该部分的用途（通过鼠标悬停等） )。

【讨论】：

【解决方案2】：

一种简单的方法是使用 javascript。

试试这个

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

访问this页面了解更多信息。

【讨论】：

【解决方案3】：

知道这个问题很老，但试试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">

【讨论】：