爲網站做一個彈出式演示/介紹

Question

我希望提供一個關於我的網站內容的快速演示，以及如何在用戶訪問我的頁面時以正確的方式使用它們。我希望在頂部使用彈出式窗口進行演示。

我的意思是小信息箱通知用戶關於各個步驟逐一。任何人都可以幫助我如何做到這一點？

Answer 1

看看jQuery UI dialog，它是完全可定製的，或者考慮使用某種工具提示的想法，當您將鼠標懸停在頁面的一部分上向用戶反饋問題部分的用途時（通過懸停鼠標等） 。

Answer 2

一個簡單的方法是使用javascript。

試試這個

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

訪問this頁面瞭解更多信息。

Answer 3

知道這個問題是舊的，但嘗試intro.js

包括JS/CSS

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

然後你要顯示教程添加以下

數據步每個項目=」 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">