为网站制作一个弹出演示/介绍

时间:2011-08-03 13:54:55

标签: html popup demo

我希望提供一个关于我网站内容的快速演示,以及在用户访问我的网页后如何以正确的方式使用它们。我希望在顶部使用弹出窗口类型给出演示。

我的意思是小信息框逐个通知用户各个步骤。任何人都可以帮我解决这个问题吗?

3 个答案:

答案 0 :(得分:2)

查看jQuery UI dialog,它是完全可自定义的,或考虑使用某种工具提示的想法,当您将鼠标悬停在页面的一部分上时,向用户反馈相关部分的内容(通过悬停鼠标)等等)。

答案 1 :(得分:0)

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

试试这个

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

访问this页面了解详情。

答案 2 :(得分:0)

知道这个问题已经过时但请尝试intro.js

包括js / css

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

然后在您要显示教程的每个项目上添加以下内容

  

数据步=&#34; 1&#34; data-intro =&#34;输入提示文字&#34;

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