我希望提供一个关于我的网站内容的快速演示,以及如何在用户访问我的页面后立即以正确的方式使用它们。我希望使用顶部的弹出式窗口进行演示。
我的意思是小信息框,一一告知用户各个步骤。谁能帮助我如何做到这一点?
查看jQuery UI 对话框,它是完全可定制的,或者考虑使用某种工具提示想法,当您将鼠标悬停在页面的一部分上时,向用户反馈该部分的用途(通过鼠标悬停等)。
一种简单的方法是使用 javascript。
尝试这个
<script type="text/javascript">
alert("Hello world!");
</script>
访问此页面了解更多信息。
知道这个问题很老,但试试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">